@font-face{font-family:myriad pro;font-style:normal;font-weight:400;src:local('Myriad Pro'),url(../font/MYRIADPRO-REGULAR.woff) format('woff')}@font-face{font-family:myriad pro;font-style:normal;font-weight:400;src:local('Myriad Pro'),url(../font/MYRIADPRO-COND.woff) format('woff')}@font-face{font-family:myriad pro;font-style:italic;font-weight:400;src:local('Myriad Pro'),url(../font/MYRIADPRO-CONDIT.woff) format('woff')}@font-face{font-family:myriad pro;font-style:normal;font-weight:300;src:local('Myriad Pro'),url(../font/MyriadPro-Light.woff) format('woff')}@font-face{font-family:myriad pro;font-style:normal;font-weight:600;src:local('Myriad Pro'),url(../font/MYRIADPRO-SEMIBOLD.woff) format('woff')}@font-face{font-family:myriad pro;font-style:italic;font-weight:600;src:local('Myriad Pro'),url(../font/MYRIADPRO-SEMIBOLDIT.woff) format('woff')}@font-face{font-family:myriad pro;font-style:normal;font-weight:700;src:local('Myriad Pro'),url(../font/MYRIADPRO-BOLDCOND.woff) format('woff')}@font-face{font-family:myriad pro;font-style:normal;font-weight:700;src:local('Myriad Pro'),url(../font/MYRIADPRO-BOLD.woff) format('woff')}@font-face{font-family:myriad pro;font-style:italic;font-weight:700;src:local('Myriad Pro'),url(../font/MYRIADPRO-BOLDIT.woff) format('woff')}@font-face{font-family:myriad pro;font-style:italic;font-weight:700;src:local('Myriad Pro'),url(../font/MYRIADPRO-BOLDCONDIT.woff) format('woff')}@font-face{font-family:Poppins;font-style:italic;font-weight:300;src:local('Poppins'),url(../font/Poppins-Light.ttf) format('truetype')}@font-face{font-family:Poppins;font-style:italic;font-weight:400;src:local('Poppins'),url(../font/Poppins-Medium.ttf) format('truetype')}@font-face{font-family:Poppins;font-style:italic;font-weight:100;src:local('Poppins'),url(../font/Poppins-Regular.ttf) format('truetype')}body,html

 {font-family:"Poppins","Roboto","Myriad Pro","Assistant","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%;font-size:

 14px;letter-spacing: .05em!important;} body{top: 0 !important;}

@keyframes bgAnim{0%{background-position:right bottom}50%{background-position:left bottom}100%{background-position:right bottom}}

@import url('css2.css');

.bgAnim{color:transparent;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position:left bottom;animation:bgAnim 10s infinite ease-in-out;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;filter:drop-shadow(0 0 5px #000);}

.z-4{z-index: 4!important;}

.z-5{z-index: 5!important;}

.z-6{z-index: 6!important;}

.poppins{font-family: 'Poppins', sans-serif !important;}

a,a:hover{text-decoration: none;font-family: "poppins", sans-serif;}

p,.p{line-height: 1.7142857143!important;}

.section{width:100%;height:auto;float:left;}

.shiro{display:none}

.carousel-control-next, .carousel-control-prev{height: 100px;width: 35px;top: 50%;}

.carousel-control-next:hover, .carousel-control-prev:hover{background-color: rgba(0, 0, 0, .7);}

.covervideo{position: relative;display: inline-block;}

.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}

/*.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}*/

.searchtop{background-color: #fff;z-index: 1040;top: -80px;transition: all

 ease-out .4s;}

.searchtop img{height: 40px;}

.table-title{background-color: rgba(255, 203, 203, 1.0) !important;}

.table-left{background-color: rgba(211, 211, 211, 1.0) !important;}

.table-right{background-color: rgba(229, 229, 229, 1.0) !important;}

.logo-bold {font-weight: 900 !important;}

.logo-blue {color: rgb(25, 95, 180);}

.logo-orange {color: rgb(214, 156,22);}

.logo-fines {font-weight: 300 !important;}

.logo-metals{color: #ffd700 !important;}

.text-grey1{color: rgb(103, 103, 103) !important;}

.title-golden{color: rgb(237, 182, 58);}

.icon-ty {width: 100px;height: 100px;}

.icon-body{fill: none;stroke: rgb(0, 0, 0);stroke-width: 6;

stroke-linecap: round;}

.text-hidden{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.Myriad{font-family: 'Myriad Pro', sans-serif;letter-spacing: 0px;}

.roboto{font-family: "Roboto", sans-serif !important;}

.textjust{text-align: justify;}

.textjust::after{content: "";flex-grow: 1;}

.leftpro{padding-left: 30px;}

.header{background-color: transparent;padding:0px;transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #fff;}

.header .navbar-brand img{height: 40px;}

.header .navbar-toggler{color: #fff;}

.header .navbar-toggler:focus{box-shadow: none;}

.headerbg .navbar-toggler, .inner .header .navbar-toggler{color: rgba(0, 0, 0, .85);}

.header .logo{display: inline-block;}

.header .logob{display: none;}

.header .navbar,.header .navbar .navbar-nav{min-height: 1rem;margin: 0;padding:0;}

.header .navbar{padding: 2px 0;}

.header .navbar-nav>.nav-item>.nav-link{color: #fff;font-size: 1rem;position: relative;}

.header .navbar-nav>.nav-item>.nav-link:before{content: "";display: inline-block;width:0px;height: 2px;position: absolute;left: 0;bottom: 0;background-color:rgba(0, 0, 0, .85);transition: all ease-out .3s;}

.header .navbar-nav>.nav-item:hover>.nav-link:before{width: 100%;}

.header a.icon{color: #fff;display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 100%;}

.header a:hover.icon{background-color:rgba(255, 255, 255, .15);}

.header #googlelang .goog-te-gadget-simple{font-size: 1rem;background-color: transparent;color: #fff;border-radius: 4px;border:none;}

.header #googlelang .goog-te-gadget-simple *{color: #fff;}

.header #googlelang .goog-te-gadget-icon{margin-left: 2px;margin-right: 2px;width: 19px;height: 19px;border: none;vertical-align: middle;}

.header #googlelang .goog-te-menu-value *,.header #googlelang .goog-te-gadget-simple>span>a *{display: none;}

.header #googlelang .goog-te-menu-value span:first-child,.header #googlelang .goog-te-gadget-simple>span>a>span:first-child{display: inline-block;font-size: 14px;overflow: hidden; text-indent: -0px;margin-top: 8px;}

.header .navbar-nav .nav-item>.dropdown-menu{display: none;position: absolute;top:42px;z-index: 2;}

.header .navbar-nav .nav-item:hover>.dropdown-menu,.header .navbar-nav .nav-item .nav-link:hover+.dropdown-menu,.header .navbar-nav .nav-item a:hover.nav-link+.dropdown-menu{display: block;}

.header .navbar-nav .nav-item .navsub{width: 100%;height: auto;max-height: 0; background-color: #fff;position: absolute;left: 0;top:55px;color: #333;transition: all ease-in .3s;overflow: hidden;padding: 0;visibility: hidden;}

.header .navbar-nav .nav-item:hover .navsub,.header .navbar-nav .nav-item a:hover.nav-link+.navsub,.header .navbar-nav .nav-item .nav-link:hover+.navsub{max-height: 100vh;visibility: visible;overflow: auto;padding: 3rem 0;}

.header .navbar-nav .nav-item .navsub a{color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important;}

.header .navbar-nav .nav-item .navsub h3{font-size: 1.1rem;width: 100%;height: auto;white-space: nowrap;overflow: hidden;}

.header .navbar-nav .nav-item .navsub .navdes{font-size: 1rem;line-height: 1rem;height: 3rem;overflow: hidden;}

.header .navbar-nav .nav-item .navsub .list-group .lides{font-size: .8rem;line-height: 1rem;margin-bottom: 0;font-style: italic;}

.header .navbar-nav .nav-item .navsub .bg-light{background-color: rgba(0, 0, 0, .05)!important;}

.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.nav-link{background-color: transparent;color: #333;position: relative;padding:.9rem 0;}

.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.active{font-weight: bold;}

.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.nav-link:before{background: rgba(0, 0, 0, .85);height: 2px;}

.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>a:hover.nav-link:before,.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.nav-link:hover:before,.header .navbar-nav .nav-item .navsub .nav-tabs>.nav-item>.active:before{left: 0;right: 0;}

.header .navbar-nav .nav-item .fa-caret-down{display: none;}

.header .navbar-nav .nav-item .fa-caret-up{display: none;}

.headerbg,.inner .header{background-color: #fff;color: rgba(0,0,0,.85);box-shadow: 0 0.125rem 0.25rem rgba(var(--tblr-body-color-rgb),.075)!important;}

.header .navbar-nav .nav-item .navsub dl{margin: 2rem 0 0 .5rem;}

.header .navbar-nav .nav-item .navsub dl dd{margin:1rem 0;}

.header .navbar-nav .nav-item .navsub dl dd a{font-size: 1rem;position: relative;}

.header .navbar-nav .nav-item .navsub dl dd a:before{display: inline-block;position: absolute;content: "";width: 0;height: 1px;background-color: #2098D1;left: 0;bottom: 0;transition: all ease-out .3s;}

.header .navbar-nav .nav-item .navsub dl dd a:hover{width: 100%;}

.header .list-group-item{padding: .5rem 1rem; border-bottom: none;}

.headerbg .logo,.inner .header .logo{display: none;}

.headerbg .logob,.inner .header .logob{display: inline-block;}

.headerbg .navbar-nav>.nav-item>.nav-link,.inner .header .navbar-nav>.nav-item>.nav-link{color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important;}

.headerbg a.icon,.inner .header a.icon{color: #333;}

.headerbg #googlelang .goog-te-gadget-simple *,.inner .header #googlelang .goog-te-gadget-simple *{color: #333;}

.header .nav-item5 .col-lg-3:nth-of-type(4) dd:last-child,

.header .nav-item5 .col-lg-3:nth-of-type(4) dd:nth-last-child(2){color: var(--tblr-yellow);}

/*mobilenav*/

.mobile-nav-item{list-style: none;}

.mobile-navsub{visibility: hidden;max-height: 0;overflow: hidden;transition: max-height 0.5s, visibility 0.5s;text-align: left;padding-left: 10px;padding-bottom: 10px;}

.mobile-navsub.active{visibility: visible;max-height: 200px;transition: max-height 0.5s;overflow-y: auto;}

.mobile-navsub .mobile-text{display: flex;flex-direction: column;color: rgb(138, 138, 138);font-size: 16px;margin-top: 10px;}

.header .navbar-collapse .navbar-nav .mobile-nav-title{color: rgb(108, 108, 108);font-size: 20px;font-weight: 400;}

.header .navbar-collapse .navbar-nav .mobile-nav-title:after{content: "";display: block;height: 1px;background-color: rgba(0, 0, 0, 0.1);margin-top: 15px;}

/*--*/

/*table bgcolor*/

.table-white{background-color: rgba(248, 250, 252, 1.0) !important;}

.table-dark1{background-color: rgb(239, 239, 239) !important;}

.table{--tblr-table-striped-bg: none !important;}

.banner{height: 100vh;overflow: hidden;}

.banner .carousel-caption h2{color:transparent;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position:left bottom;animation:bgAnim 10s infinite ease-in-out;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;filter:drop-shadow(0 0 5px #000);}

.banner #canvas{width: 100%;height: 100%;position: absolute;top: 0;}

.banner #canvas canvas{width: 100%;height: 100%;}

#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;}

#carouselpro .carousel-indicators li{width: 80px;height: 80px;text-indent: 0;box-sizing: border-box;position: relative;}

#carouselpro .carousel-indicators li img{width: 80px;height: 80px;}

#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}

#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}

.skiptranslate iframe{display: none!important;}

.isolution .card{position: relative;}

.isolution .card .card-body{position: absolute;color: #fff;bottom: 0;width: 100%;transition: all ease-out .3s;background-color: rgba(0, 0, 0, .5);}

.isolution .card:hover .card-body{background:linear-gradient(to bottom right, red, rgba(173, 216, 230, 0));}

.ban .img-fluid{object-fit: cover;object-position: center bottom; width:100%;height: 40vh;}

.ban .bandesc{width: 100%;height: auto;position: absolute;bottom: 10%;color: #eee;}

.ban .banbox h2 {text-align: center;margin-bottom: 0;color: #fff;margin-bottom: 10px;text-transform: uppercase;word-wrap: break-word;

    word-break: break-all;};

.ban .banbox .px-3 {font-size: 46px;text-align: center;margin-top: 0;color: #fff;margin-top: 10px;}

.ban .banbox .innerxhx {width: 115px;height: 1px;color: white;background-color: white;margin: 0 auto;}

.pcollect .row>.col-md-12:nth-child(even) .col-md-6:first-child{order: 2;}

.pcollect .row>.col-md-12:nth-child(even) .col-md-6:last-child{order: 1;padding-left: 30px !important;}

.promenu{top: 55px;color: #fff;padding: 11px 0;font-size: 16px;}

.promenu .nav-pills .nav-item .nav-link{color: #eee;}

.promenu .nav-pills .nav-item .nav-link.active{background-color: transparent;color: #fff;}

.pro-tabs .tab-pane{padding-top: 90px;}

#pronav .nav-tabs{border-bottom: none;flex-wrap: nowrap;}

#pronav .nav-tabs .nav-item .nav-link{border: none;font-size: 1rem;background-color: transparent;color: #333;border-radius: 0;padding: .6rem 1rem;}

#pronav .nav-tabs .nav-item .nav-link.active{border-bottom: var(--tblr-secondary) 2px solid;color: #fff;background-color:rgb(25, 95, 181);}

.inews .nav-pills .nav-link{color: var(--tblr-dark);}

.inews .nav-pills .nav-link.active, .inews .nav-pills .show>.nav-link{background-color: var(--tblr-secondary);color: white;}

.inews .tab-content .card span {color: black !important;}

.inews .nav-item .active {background-color: rgb(28, 115, 173);color: #fff;}

/*footer*/

.footer a{color: rgba(255, 255, 255, .5);transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.footer a:hover{color: rgba(255, 255, 255, 1);}

.footer h5 a{color: var(--tblr-yellow);}

.footer .border-bottom,.footer .border-top{border-color: rgba(255, 255, 255, .12) !important;}

.footer .d-flex .mb-0 a{margin-left: 10px;}

.footer .d-flex .mb-0 a::before{content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: rgba(142, 147, 157, .6);margin-right: 5px; }

.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus{z-index: 1;}

.page-user{width: 100%;height: auto;min-height: 100vh;background:url(../image/4-230P9110FKA.jpg) center no-repeat;background-size: cover;position: relative;}

 .page-user .big-circle {width: 80px;height: 80px;

    background-image: radial-gradient(circle, rgba(255, 255, 0, 0.8), rgba(255, 223, 0, 0.6), rgba(218, 165, 32, 0.4));border-radius: 50%;display: flex;justify-content: center;align-items: center;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);position: absolute;top: 70px;left: 770px;}

 .page-user .small-circle {width: 20px;height: 20px;

     background-image: radial-gradient(circle, #FFFFFF, #87CEEB, #87CEEB, #FFFFFF);border-radius: 50%;position: absolute;animation: pageorbit 6s linear infinite;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);top: 100px;left: 800px;}

  @keyframes pagerotate {

  0% {transform: rotate(0deg);}

  100% {transform: rotate(360deg);}}

.page-user .circle {width: 80px;height: 80px;

  border: 3px dashed #3498db;border-radius: 50%;animation: pagerotate 5s linear infinite, pagebordercolor 5s linear infinite alternate;position: absolute;top: 80px;left: 300px;}

  .page-user .circle1 {width: 70px;height: 70px;

  border: 3px dashed #3498db;border-radius: 50%;animation: pagerotate 4s linear infinite, pagebordercolor 4s linear infinite alternate;position: absolute;top: 50px;left: 70%;}

  .page-user .circle2 {width: 60px;height: 60px;

  border: 3px dashed #3498db;border-radius: 50%;animation: pagerotate 3s linear infinite, pagebordercolor 3s linear infinite alternate;position: absolute;top: 280px;left: 50%;}

  @keyframes pagebordercolor {

  0% {border-color: #FFFFFF;}

  100% {border-color: #0000FF}}

@keyframes pageorbit {

  0% {transform: rotate(0deg) translateX(80px) rotate(0deg);}

  100% {transform: rotate(360deg) translateX(80px) rotate(-360deg);}}

.page-user .login .object-fit-cover{object-position: center;}

.page-user .user .card{min-height: 60vh;height: calc(100vh - 16rem);}

.page-user .user .list-group .list-group-item{background: linear-gradient(#ffffff,#e5e5e5,#ffffff);}

.page-user .user .list-group .list-group-item.active,.page-user .user .list-group .list-group-item:hover{background: linear-gradient(#0dcaf0,#0a58ca,#0dcaf0);color: #fff;border-color: var(--tblr-list-group-border-color);}

.page-user .form-floating .form-control{border: 0;border-bottom: 1px solid #ced4da;box-shadow: none;border-radius: 0;}

.page-user .form-floating .form-control:focus{border-bottom: 1px solid rgb(36, 72, 220);}

.page-user .login .card{border-top-left-radius: 70px;border-bottom-right-radius: 70px;}

.page-user .login h2{position: relative;}

.page-user .login h2::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 75px;height: 1px;background-color: rgba(130, 130, 130, 1.0);bottom: -10px;}

.page-user .signup .card{border-top-left-radius: 70px;border-bottom-right-radius: 70px;}

.page-user .signup h2{position: relative;}

.page-user .signup h2::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 75px;height: 1px;background-color: rgba(130, 130, 130, 1.0);bottom: -10px;}

.page .mt-3 h4 {font-size: 18px;line-height: 1.5;}

.border-dashed:hover{border: 2px dashed black;}

.pagination .active>.page-link, .pagination .page-link.active{background-color: rgb(27, 94, 181); border-color: var(--tblr-secondary);color: #fff;}

/*.pagination{font-family: 'Roboto',sans-serif;}*/

#cookiemodal,.cookie{font-size: 16px;}

.breadcrumb .breadcrumb-item a{color: var(--tblr-dark);}

.hvr-overline-from-center:before,.hvr-underline-from-center:before{background: var(--tblr-secondary);}

.hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover{background-color: var(--tblr-light);}

.sticky-top .list-group .list-group-item{padding: .5rem 1rem;}

/*?ҳ*/

.national {margin: auto;}

 .national img {width: 50px;height: 50px;border-radius: 50% !important;border: 1px solid rgba(255, 230, 230, 1.0);}

.Support-right img {width: 28px;height: 28px;}

.circle-icon {font-size: 20px;position: relative;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 1.5em;height: 1.5em;border: 2px solid rgb(118, 124, 136);border-radius: 50%;

transition: border-color 0.2s ease, color 0.2s ease;color: rgb(118, 124, 136);padding: 5px;}

.circle-icon i {transition: color 0.2s ease;}

.circle-icon:hover {border-color: #fff;color: #fff;}

.circle-icon:hover i {color: #fff;}

.social {display: block;text-align: center;font-family: 'poppins', sans-serif;color: rgb(118, 124, 136); font-size: 12px;font-weight: 600;margin-top: 5px;line-height: 1.5}

.proseries .col-md-12:nth-child(odd) .col-md-6{order: 2;}

.proseries .col-md-12:nth-child(odd) .col-md-6:nth-child(2){order: 1;}

.proseries .col-md-12:nth-child(even) .col-md-6{order: 2;}

.proseries .col-md-12:nth-child(even) .col-md-6:nth-child(1){order: 1;}

.h2title {font-family: 'poppins',sans-serif;color: rgba(31, 126, 182, 1.0);}

.ptext {color: rgba(2, 53, 145, .8);}

.catalogtitle span {color: #000000 !important;}

.product-Catalog .carousel-inner img{height: 540px;width: 100%;}

.productindex a{color: black;}

.colorp{color: #727272 !important;}

.productindex .badge-subtle {background-color: rgb(245, 245, 245);color: #2F4F4F;}

.page-contact .px-3 {letter-spacing: 0px;}

.pcollect .rounded-pill {background-color: rgb(245, 245, 245);}

.pcollect .rounded-pill:hover{background-color: rgb(28, 115, 173);}

.pcollect .badge {aspect-ratio: 1/1;

  border-radius: 50% !important;height: 100%;transform: translate(-50%, -50%) !important;top: 50% !important;right: 0;padding-top: 9px;padding-right: 20px;padding-left: 0px;}

.pcollect .col-md-3 a:hover {color: rgb(250, 250, 250);}

.pcollect .col-md-6 .display-5 a:hover{color: rgb(112, 17, 244);}

.pcollect .col-md-6 h2,h3,p{letter-spacing: 0px;}

.indexsolu .card p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;color: #8B8B8B;}

.soluxhx {width: 40px;height: 2px;background-color:rgb(102, 102, 102); }

.indexsolu .card-body h5 span{color: rgb(55, 55, 55) !important;}

.indexsolu .btn-outline-dark{}

.cardboder {width: 1px;height: 400px;background-color: rgb(102, 102, 102);top: 50px;right: 0px;z-index: 1;}

.isolution .h-40 h5{font-size: 1.5em;}

.btn-outline-dark {font-family: 'poppins',sans-serif;position: relative;}

.border-dashed{border: 2px dashed #d3d0d0;font-family: 'poppins',sans-serif;font-size: 20px;}

/*index slider*/

.slider-inpro{position: relative;height: 600px;}

.slides-inpro{position: relative;height: 100%;transition: opacity 1s ease-in-out;}

.slide1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease-in-out;z-index: 3;}

.slide1.active {opacity: 1;}

.slide1:nth-of-type(2) {z-index: 2;}

.slide1:nth-of-type(3) {z-index: 1;}

/*showcases*/

.indexcase h6 span {color: black !important;font-size: 18px;}

.indexcase .card .col-md-12 .btn{background-color:rgb(246, 246, 246);color:black; width: 180px;font-family: 'poppins';letter-spacing: 0;font-size: 14px;}

/*.indexcase .card .col-md-12 .btn:hover{background-color: rgb(28, 115, 173);color: #fff;}*/

.indexcase .card-body .hvr-icon-forward{color: #8b8b8b;font-family: 'poppins', sans-serif;}

.indexcase .card-body .hvr-icon-forward:hover{color: rgb(0, 103, 169);}

.indexcase .form-control{border-radius: 25px !important;}

/*aboutenbon*/

.page-enbon .order-1 {position: relative;}

.page-enbon .order-1 .pageebsj{position: absolute;left: 0;

  top: 0px;display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid rgb(222, 171, 30);position: relative;margin-right: 2px;margin-bottom: 0px;}

.page-enbon .order-1 p{font-size: 16px;font-weight: 300;}

.page-enbon .order-1 .hvr-underline-from-left:before{height: 2px !important;}

.page-enbon .order-1 .mb-4{font-size: 18px;font-family: "poppins",sans-serif;}

.page-enbon .pageebbg img{width: 620px;}

.pageebbg{background-color: rgb(51, 69, 105);}

.pgmaerial .display-6{position: relative;padding-left: 20px;}

.pgmaerial h4::before{content: '';width: 3px;display: inline-block;height: 70px;background-color: rgb(222, 171, 30);vertical-align: middle;position: absolute;top: 5px;left: 0;}

.page-enbon .lh-lg {font-size: 18px !important;line-height: 2;letter-spacing: 0.5px;color: black;}

/*.page-enbon .align-items-stretch img {width: 114px;}*/

.page-enbon table tr{padding-top: 10px;padding-bottom: 10px;display: block;}

.page-enbon .abouttopimg .col-md-6 img{border-top-left-radius: 70px;border-bottom-right-radius: 70px;}

/*about???*/

 #aboutbanner{list-style: none;position: relative;padding: 0;left: 0;right: 0;bottom: 0;top: -80px;margin: auto;width: 1200px;height: 300px;margin-top: calc(50vh - 250px);cursor: pointer;}

 #aboutbanner li{float: left;position: absolute;left: 0;transition-duration: 0.4s;}

 #aboutbanner div{width: 30px;height: 10px;border: 1px solid rgb(156, 156, 156);bottom: -80px;position: absolute;background-color: black;}

 #aboutbanner .cur_img{width: 500px;height: 250px;border-radius: 10px;}

 #aboutbanner .img_Public{position: absolute;top: 0;bottom: 0;margin: auto;z-index: 100;}

 #aboutbanner .abt-left{left: 0;}

 #aboutbanner .abt-right{right: 0;}

.abtzs .card {min-height: 400px;display: flex;justify-content: center;align-items: center;border-radius: 10px;}

.abtzs p{font-size: 20px;margin-top: 5px;}

/*???֧??*/

.page-support .align-items-stretch .d-inline{background-color: rgb(237, 237, 237);border-radius: 5px;color: #727272;width: 78px;height: 23px;margin: auto;display: block;font-family: "Roboto", sans-serif;}

.page-support .align-items-stretch .d-flex img{width: 100px;height: 100px;}

.page-support .align-items-stretch p{font-family: "Roboto", sans-serif;}

.page-support .card .col-md-8 a{font-family: "Roboto", sans-serif;}

.page-support .card .col-md-8 p{font-family: "Roboto", sans-serif;}

.page-support .card .col-md-8 a:hover{color: white !important;}

.page-support .section .nav-tabs .nav-link{font-family: "Roboto", sans-serif;color: rgb(126, 126, 126);font-size: 16px;}

.page-support .section .nav-tabs .active{font-weight: 600;border: 1px dashed;}

.page-support .section .tab-content h4 a{color: #727272;font-size: 16px !important;}

/*inner-product*/

.inner .five-inner ol{padding-left: 0; font-family: "poppins", sans-serif;margin-bottom: 20px;font-weight: 300;}

.inner .five-inner ol li{list-style: none;position: relative;padding-left: 20px;margin-bottom: 3px;font-size: 16px;}

.inner .five-inner ol li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;background-color: black;border-radius: 50%;}

.inner .five-inner .badge1{width: 100px;background-color: rgb(223, 224, 226);border-radius: 15px;font-family: "poppins", sans-serif;color: #726363;font-weight: 300;text-align: center;}

.inner-product .text-center p{width: 60px;height: 2px;display: block;background-color: rgb(26, 96, 182);margin: 0 auto;margin-bottom: 18px;}

.inner #rekated .card a:hover{color: white;}

.inner-product .artags {display: flex;flex-wrap: wrap;}

/*aboutbrand*/

.page-about .brandbg{background-image: url(../image/4-23051Q1063JO.jpg);}

.line1{width: 60px;height: 2px;background-color: #4e57d4;margin: 0 auto;}

.page-about .border-right{border-right: 1px solid darkgray;}

.page-about .icon1{ width: 38px;height: 38px;border-radius: 50%;background-color: rgba(220, 155, 63, 0.7);z-index: -1;}

/*  listsolu*/

.listsolu .card-body h5 span{color: black !important;}

.listsolu .card-body p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/*articlesolu*/

.articlesolu .card-title span{color: rgb(103, 103, 103) !important;overflow: hidden;

  text-overflow: ellipsis;}

.articlesolu .section .border-0 .col-md-2 a{background-color: rgb(233, 233, 233);color: rgb(103, 103, 103);}

.articlesolu .section .border-0 .col-md-2 a:hover{background-color: rgb(126, 126, 126);color: white;}

/*newcenter*/

.newcenter .topcard {width: 100%;height: 100%;border-top-left-radius: 70px;border-bottom-right-radius: 70px;

  overflow: hidden;}

.newcenter .card .btn{width: 63px;height: 25px;border-color: rgb(233, 233, 233);border-radius:15px;color:black;font-weight: 100 !important;}

.newcenter .Myriad .justify-content-between .badge{background-color: #C0C0C0 !important;color: white;font-weight: 100 !important;font-family: "Roboto",sans-serif;width: 100px;}

.newcenter .col-md-4 .card-title span{color: black !important;}

.newcenter .col-md-4 .card{

  border-top-left-radius: 50px;border-bottom-right-radius: 50px;

  overflow: hidden;}

.newcenter .col-md-6 .mt1-auto{margin-top: 120px ;}

.newcenter .justify-content-between small{color: #a9a9a9;}

/*productioncap*/

.page-capacity .cap1 .card .border-0{position: relative;height: 135px;}

.page-capacity .cap1 .card .border-0::after{content: "";position: absolute;top: 38px;right: 0;height: 100%;width: 2px;background-color: rgb(89, 89, 89);}

.page-capacity .cap1 img{border-top-left-radius: 50px;border-bottom-right-radius: 50px;}

.page-capacity tbody tr{font-size: 1rem !important;font-weight: 600 !important;color: rgb(102, 102, 102);}

.page-capacity tbody td{padding: 1rem;padding-right: 2rem;padding-left: 2rem;}

.page-capacity table tr:nth-child(even){background-color: rgb(255, 255, 255);box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);}

/*pagematerial*/

.page-material .pagemte1 .card{border-top-left-radius: 60px;border-bottom-right-radius: 60px;overflow: hidden;}

.page-material .pagemte1 img{width: 170px;}

.page-material .col-md-4 .card{height: 485px;width: 100%;margin-top: 35px;}

.page-material .col-md-4 .card p{font-weight: 300;overflow: hidden;overflow-y: scroll;max-height: 195px;}.page-material .col-md-4 .card h2{font-family: "Roboto", sans-serif;}

/*Quality Certification*/

.page-cert .section .col-md-12 h2::after{

content: "";position: absolute;left: 0;bottom: -15px;width: 87px;height: 2px;background-color: black;}

.page-cert .col-md-6 .fs-2{line-height: 1.4 !important;}

/*PATENTCERTIFICATION*/

.page-patent .card-patent{border-top-left-radius: 50px;border-bottom-right-radius: 50px;min-height: 555px;}

.page-patent .btn-patent{background-color: rgb(241, 244, 249);color: rgb(103, 103, 103);}

.page-patent .patenta .nav-pills .active{background-color: rgb(0, 102, 203);color: white;}

.page-patent .patenta .fs-2{line-height: 1.3 !important;}

.page-patent .patenta .tab-content p{height: 140px;overflow: hidden;overflow-y: scroll;font-family: "Roboto", sans-serif !important;color: rgb(103, 103, 103) !important;}

.page-patent .patenta .tab-content .col-md-3 {text-align: center;}

/* page*/

/*.page .section .card:hover{animation:  move 1s; }*/

/*.page .hvr-sweep-to-top:before {

    background-color: #206bc4;}*/

.page .row-cols-md-5 .card:hover{animation:  move 1s;}

.page .page-icon1 .card:hover{animation:  move 1s;}

.page .row-cols-md-5 .card{border-radius: 50%;height: 220px !important;width: 220px !important;}

.page .row-cols-md-5 .card .icon-ty{width: 60px;height: 60px;}

.page .page-icon1 .hvr-sweep-to-top::before{background-color: #206bc4;}

.page .page-icon1 .card:hover .icon-body{stroke: rgb(255, 255, 255);}

.page .page-icon1 .card{border-top-left-radius: 50px;border-bottom-right-radius: 50px;overflow: hidden;}

.page .page-icon2 .card{position: relative;}

.page .page-icon2 .card .pageicon2-img{position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;transition: 0.5s ease-in-out;width: 100%;height: 100%;background-color: rgba(237, 237, 237, 1.0);}

.page .page-icon2 .card:hover .pageicon2-img{

    width: 150px;height: 150px;left: -75px;top: calc(50% - 75px);transition: 0.5s ease-in-out;background-color: rgba(131, 178, 255, 1.0);border-radius: 10px;color: white;padding: 10px;padding-top: 0;}

.page .page-icon2 .card .pageicon2-img:before{content: attr(data-text);position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;text-align: center;font-size: 22px;color: rgba(0, 0, 0, 1.0);font-weight: 700;padding-top: 110px;}

.page .page-icon2 .card .pageicon2-img .icon-ty{

    min-width: 100px;transition: 0.5s ease-in-out;padding-top: 20px;}

.page .page-icon2 .card:hover .pageicon2-img .icon-ty{

    min-width: 75px;

}

.page .page-icon2 .card .content{position:;right: 0;width: calc(100% - 0px);height: 100%;padding: 20px;justify-content: center;align-items: center;padding-left: 100px;}      

/*job*/

.page-job .jobbody .active{color: blue;}

.page-job .jobbody .jobtitle{height: 85px;border-radius: 5px;background-color: rgb(27, 94, 181);}

.page-job .card-job{background-color:rgb(245, 245, 245);}

.page-job .jobbody .card-header{display: block !important;}

.page-job .jobbody ul li{font-weight: 300;font-size: 16px;line-height: 1.2;margin-bottom: 8px;}

.page-job .jobbody .icon{font-size: 16px;margin-left: 3px;}

.page-job .jobbody h3{font-weight: 300 !important;font-size: 22px;}

/*Product Support*/

.prosupport .col-md-3 .card{

  background-color: rgb(27, 94, 181) !important;border-radius: 20px;}

.prosupport .col-md-3 .card .active{font-weight: 600 !important;}

.prosupport .col-md-3 .card .active::after{content: "";position: absolute; bottom: 0px; width: 218px;height: 2px;background-color: #fff;}

.prosupport .col-md-9 a:hover{color: rgb(27, 94, 181);}

.listproduct .card-title1 a span{color: black !important;font-family: 'poppins', sans-serif;font-size: 16px;}

/*ͼƬ?Ŵ????*/

.scaleimg{overflow: hidden;}

.scaleimg img{transition: transform 0.5s ease;}

.scaleimg img:hover{transform: scale(1.1);}

.hvr-overline-from-center:before{z-index: 3;}

/*??????˵?*/

/*ͼ???*/

.icon1-mb{fill: none;stroke: black;stroke-width: 6;stroke-linecap: round;}

.icon1-mbb{fill: none;stroke: white;stroke-width: 8;stroke-linecap: round;}

.icon1-zs{fill: none;stroke: rgb(25, 95, 181);stroke-width: 8;stroke-linecap: round;}

    @keyframes move {0%{stroke-dasharray: 0, 600px;}100%{stroke-dasharray: 600px, 0;} }

    .page-support .align-items-stretch .col-md-3 .position-relative:hover{animation: move 1s;}

    .icon-mb{width: 100px;height: 100px;}

    .icon-mba{width: 164px;height: 164px;}

    .icon-mba:hover{animation:  move 1s;}

    .icon-mbb{width: 114px;}

    .page-enbon .align-items-stretch .col-12:hover{animation:  move 1s;}

    .icon-mbc:hover{animation:  move 1s;}

    .icon-zs{height: 100px;color: #195fb4;}

    .single-agency .zsicon .card:hover{animation:  move 1s;}

    .page-contact .Support-right .col-6:hover{animation:  move 1s;}

/*    ????*/

  .page-download .col-md-8 .link-dark span{color: black !important;font-size: 20px;}

/*  single-agency*/

    .single-agency .agency-bg{background: url(../image/4-230PQA441133.jpg) no-repeat;height: 70vh;background-size: cover;}

    .single-agency .nav-item p.active{color: rgb(27, 95, 180) !important;font-weight: 600 !important;}

    .single-agency .nav-item p.active::after{content: "";display: block;height: 1px;background-color: rgba(27, 95, 180, 1.0);position: relative;top: 2px;}

    .single-agency .zsicon .display-6 {font-size: 1.8rem;line-height: 1.2;}

     .single-agency .indexsolu .tab-content>.active{display: block;opacity: 1;}

     .single-agency .form-floating1 p{text-align: left !important;margin-bottom: 0 !important;padding-bottom: 0 !important;font-family: 'roboto', sans-serif;padding-left: 13px;}

     .single-agency .pt-3{padding-top: 1.5rem !important;}

    .single-agency .Enterprise{width: 100%;background: url(../image/4-230P31P55UO.jpg) center no-repeat;min-height: 110vh;background-size: cover;}

    .single-agency .bg-info-subtle{background: url(../image/4-230P31P623421.jpg) center no-repeat;background-size: cover;width: 100%;}

    .single-agency .hvr-sweep-to-top:hover .icon1-zs{stroke:rgb(255, 255, 255);stroke-width: 15;}

    .single-agency .hvr-sweep-to-top .icon1-zs{fill: none;stroke: rgb(25, 95, 181);stroke-width: 15;stroke-linecap: round;}

    .single-agency .white-box img{width: 120px;height: 120px;}

    .single-agency .white-box .icon-zs2{width: 120px;height: 120px;}

    .single-agency .white-box .icon1-zs{fill: none;stroke: rgb(105, 172, 255);stroke-width: 15;stroke-linecap: round;}

    .single-agency .zstxt1 .col-md-6 h5{ position: relative;display: inline-block;padding: 0.5em 1em;color: white;z-index: 1;font-size: 16px;}

    .single-agency .zstxt1 .col-md-6 h5::before,

    .single-agency .zstxt1 .col-md-6 h5::after {content: '';position: absolute;top: 0;bottom: 0;width: 170px;background-color: rgba(39, 117, 215, 1.0);z-index: -1;}

    .single-agency .zstxt1 .col-md-6 h5::before {left: 0;border-top-left-radius: 999px;border-bottom-left-radius: 999px;}

    .single-agency .zstxt1 .col-md-6 h5::after {

  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);}

.single-agency .zstxt1 p{letter-spacing: -.5px}

.single-agency .Enterprise .col-md-3 p{line-height:1.25 !important;}

.single-agency .section:nth-child(5) .card{min-height: 0px;}

.single-agency .hvr-sweep-to-top:before{

    background-color: #206bc4;}

.single-agency .hvr-sweep-to-top:hover .display-3{color:white !important; }

.single-agency .hvr-sweep-to-top:active .fa-fw, .hvr-sweep-to-top:focus .fa-fw, .hvr-sweep-to-top:hover .fa-fw{color: #fff!important;}

.single-agency .bg-gradient{font-family: 'poppins',sans-serif;}

.single-agency .hvr-sweep-to-top:hover .icon-zs{animation:  move 1s;}

.single-agency .Enterprise .icon-zs2:hover{animation:  move 1s;}

/*    contact*/

   .page-contact .col-md-6 strong{font-size: 16px;}

   /*   page agent*/

   .page-agent .agentbg1{background: url(../image/4-230I11IA0161.jpg) no-repeat;height: 100vh;background-size: cover;width: 100%;position: relative;}

   .page-agent .agentbg1 .position-absolute{top: 40%;}

/*   listsoft*/

 .list-soft .col-md-9 .card-title span{color: black !important;}

 .list-group-i {position: relative;}

.list-group-i::after {

  content: "";position: absolute;bottom: 0;left: 0;

  right: 0;height: 1px;background: linear-gradient(to right, rgba(211, 211, 211, 0), rgba(211, 211, 211, 1), rgba(211, 211, 211, 0));}

/*  article-content*/

.article-content img{border-top-left-radius: 30px;

    border-bottom-right-radius: 30px;width: 100%;}

    .article-content span{color: #3f3f3f !important;}

@media (max-width: 1199.98px) {

@media (max-width:991px){

  #aboutbanner .cur_img{width: 300px;height: 280px;}

/*  head nav*/

	.header .sonav{width: 100%;justify-content:center;border-radius: 5px;margin-top: 30vh;padding-bottom: 25px;}

	.header #navheader{overflow: auto;height: calc(100vh - 40px);padding: 0;position: relative;}

  .header .navbar-collapse .navbar-nav{padding-left: 60px;padding-top: 30px;width: 100%;margin-right: 0px !important;padding-right: 40px;}

  .header .navbar-collapse .navbar-nav .me-auto{margin-right: 0 !important;}

  .header .navbar .mobile-nav-logo{width: 100% !important;margin-top: 0;}

  .header .navbar .mobile-nav-logo1{display: flex;align-items: center; width: 100% !important;margin-top: 10px;}

  .ban .img-fluid{height: 55vh;}

   .nav-item1{display: none !important;}

   .nav-item2{display: none !important;}

   .nav-item3{display: none !important;}

   .nav-item4{display: none !important;}

   .nav-item5{display: none !important;}

   .nav-item33{display: none !important;}

/*   foot*/

   .footer .col-6{text-align: center;}

   .footer .col-6 .mb-4{margin-bottom: 1rem!important;text-align: left;padding-left: 20px;}

   .footer .col-4{margin-bottom: 10px;}

   .footer .border-top{padding-bottom: 20px;display: block !important;text-align: center;}

/*   inner-product*/

   .inner-product .justify-content-center {margin-top: 20px;}

   .inner-product .mt-5{margin-top: 1rem!important;}

   .inner-product h1{margin-top: 0px;margin-bottom: 5px !important;}

   .inner-product .pt-4{padding-top: 1rem!important;}

   .inner-product .five-inner .mb-4{margin-bottom: 1.25rem!important;}

   .inner-product .five-inner .fs-3{font-size: 1.25rem!important;margin-top: 5px;}

   .inner-product .table-mobile-title{text-align: center;}

   .inner .five-inner ol li{list-style: none;position: relative;padding-left: 20px;margin-bottom: 3px;font-size: 16px;}

   .inner .five-inner ol li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;background-color: black;border-radius: 50%;}

   #carouselpro .carousel-indicators {display: flex !important;flex-direction: row !important;flex-wrap: nowrap;}

}

@media (max-width:768px){

	.pcollect .row>.col-md-12:nth-child(even) .col-md-6:first-child{order: 1;}

	.pcollect .row>.col-md-12:nth-child(even) .col-md-6:last-child{order: 2;}

	.page-user .user .card{height: calc(100vh - 4.5rem);}

	.page-user .user .list-group{flex-direction: row;overflow-x:auto;}

	.page-user .user .list-group .list-group-item{padding: .5rem;}

	.page-user .user .list-group .list-group-item .fa-2x{font-size: 1rem;}

	.page-user .user .list-group .list-group-item h5{font-size: 1rem;}

  /*   index*/

   .index .slider-inpro .leftpro{margin-top: 2rem !important;}

   .index .inews .mt-4{margin-top: 0 !important;}

	 .slider-inpro {max-height: none;height: 1600px;}

   .index .inews .nav-pills li{width: 70px;margin-right: 30px;}

   .index .inews .nav-pills button{margin: 0 !important;padding: 5px 7px 7px;font-size: 12px;}

.page-capacity .cap1 .card .border-0::after{content: "";position: absolute;top: 120%;left: 30%;height: 2px;width: 135px;background-color: rgb(89, 89, 89);}

.page-capacity tbody td{padding: 0;padding-right: 0;padding-left: 0;}

.index .isolution .col-md-3 .card-body {padding: 0;}

/*about???*/

#aboutbanner .cur_img{width: 300px;height: 200px;}

#aboutbanner{list-style: none;position: relative;padding: 0;left: 0;right: 0;bottom: 0;top: -100px;margin: auto;width: 300px;height: 200px;margin-top: calc(50vh - 250px);cursor: pointer;overflow: hidden;}

.abtzs .card{height: 480px;}

.inner-product .Myriad .col-md-3 .carousel-indicators{flex-direction: row !important;}

.inner-product .artags {display: flex;flex-wrap: wrap;}

.inner-product .artags .badge1{white-space: normal;width: 85px;text-align: center;font-size: 12px;}

.header .navbar{font-family: "poppins", sans-serif;}

.header .navbar .navbar-nav .navtitle{font-size: 1.2rem!important;font-weight: 600 !important;}

/*  about*/

  .page-enbon .col-md-6 .display-5{margin-top: 10px;}

  .page-enbon .order-1 .pageebsj {position: absolute;left: 0;top: 0px;display: inline-block;width: 10px;height: 10px;

border-radius: 50%;border: 1px solid rgb(222, 171, 30);position: relative;margin-right: 2px;margin-bottom: 0px;}

  .page-enbon .col-md-12 .logo-fines{line-height: 1.25 !important;}

  .page-enbon .lh-lg {line-height: 1.5 !important;padding-left: 15px;padding-right: 15px;}

  .page-enbon .pageebbg .icon-mbb{width: 90px;height: 120px;}

  .page-about .ord-1{order: 1 !important;}

  .page-about .ord-2{order: 2 !important;}

  .page-about .ord-3{order: 3 !important;}

  .page-about .ord-4{order: 4 !important;}

  .page-about .ord-5{order: 5 !important;}

  .page-about .ord-6{order: 6 !important;}

  .page-about .ord-7{order: 7 !important;}

  .page-about .ord-8{order: 8 !important;}

  .page-about .ord-9{order: 9 !important;}

  .page-about .ord-10{order: 10 !important;}

  .page-about .ord-11{order: 11 !important;}

  .page-about .ord-12{order: 12 !important;}

  .page-about .py-md-5 img{margin-top: 15px;margin-bottom: 15px;}

/* header new start */

.header .navbar .navbar-collapse.collapse.show{display: flex;}

.ban .img-fluid{height: 40vh;}

.prosupport .col-md-9 .ps-4{

  padding-left: 0px !important;margin-top: 10px !important;}

.display-5{font-size: 1.8rem !important;}

.jobbody .fs-1{font-size: 1rem !important;}

.jobbody h3{font-size: 14px !important;}

.jobbody .col-3{padding-left: 0.5rem;padding-right: 0.5rem;padding-bottom: 0.5rem;padding-top: 0.5rem;}

.jobbody .card-header{padding: 0 !important;}

.productindex .slide1 .mt1-sm-2{margin-top: 13px;}

.indexcase .p-4{padding: 0 !important;}

.indexcase .service-item .col-md-12 a{margin-left: 10px !important; margin-right: 3px !important; margin-top: 2px !important; padding: 5px !important;}

.indexcase .card .col-md-12 .btn{width: auto;font-size: 12px;}

.indexcase .card .col-md-12{display: grid;grid-template-columns: 1fr 1fr;}

.pcollect .badge {aspect-ratio: 1/1;

  border-radius: 50% !important;height: 100%;transform: translate(-50%, -50%) !important;top: 50% !important;right: 0;padding-top: 9px;padding-right: 0px !important;padding-left: 0px !important;}

.pcollect .btn-outline-dark {width: 95px;}

.inner-product .five-inner .align-items-center .badge{padding-right: 1rem !important;font-size: .75rem!important;}

.listproduct .card .card-body .fs-3{ display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.display-6{font-size: 1.5rem;}

.fs-2{font-size: 1.1rem !important;}

.newcenter .col-md-6 .mt1-auto{margin-top: 30px;}

.newcenter .col-md-4 .card-title span{font-size: 18px;}

  .nav-item1{display: none !important;}

   .nav-item2{display: none !important;}

   .nav-item3{display: none !important;}

   .nav-item4{display: none !important;}

   .nav-item5{display: none !important;}

   .nav-item33{display: none !important;}

/*   foot*/

  .footer .col-6 dl{text-align: left;padding-left: 15px;font-size: 12px;}

  .footer .col-6 h5{text-align: left;padding-left: 15px;}

/*  Support*/

  .page-support .card .col-md-8{text-align: center;}

  .page-support .section .nav-tabs .nav-link{font-size: 14px;}

/*  brand*/

  .page-about .brandbg h2{text-align: center;margin-top: 0.5rem !important;}

  .page-about .brandbg .line1{margin: 0 auto !important;}

  .page-about .brandbg .mb-3{margin-top: 1rem !important;} 

  .page-about .story .text-center {margin-bottom: 0.5rem !important;}

  .page-about .border-right img{width: 300px !important;}

  .page-about .py-md-4 .px-3{text-align: center !important;}

/*  single-agency*/

  .single-agency .agency-bg .display-2{font-size: 2.5rem;}

  .single-agency .agency-bg .img-circle {width: 50px;height: 50px;border-radius: 50%;border: 2px solid white;overflow: hidden;display: flex;justify-content: center;text-align: center;margin-top: 10px;}

    .single-agency .pt-5{padding-top: 2rem !important;}

    .single-agency .nav-pills .nav-item .me-5{margin-right: 0.5rem !important;}

    .single-agency .py-5{padding-top: 2rem !important;padding-bottom: 1rem !important;}

    .single-agency .patenta .mt-4{margin-top: 1rem !important;margin-bottom: 1rem !important;}

    .single-agency .card .col-md-4 .p-5{padding: 2rem !important;}

/*    .single-agency .white-box{width: 100px;height: 100px;}*/

    .single-agency .white-box img{width: 100px;height: 100px;}

    .single-agency .Enterprise {min-height: 130vh;}

    .single-agency .section:nth-child(10) .col-md-4{padding-right: 0.5rem !important;padding-top: 0.5rem !important;}

    .single-agency .section:nth-child(5) .card{min-height: 210px;margin-bottom: 5px;}

    .single-agency .section:nth-child(9) .card{margin-bottom: 10px}

    .single-agency .agency-bg .top-50 {top: 300px !important;}

    .single-agency .py-md-5 .fs-1{font-size: 1.2rem !important;}

    .single-agency .agency-bg{background: url(/web/allimg/230725/4-230H5110Q4934.jpg) center;

    height: 70vh;

    background-size: cover;}

    .single-agency .single-title{text-align: left !important;}

    .footer .d-flex .mb-0{display: grid;grid-template-columns: 1fr 1fr;gap: 0px;text-align: center;padding-left: 10px;}

    .footer .d-flex .mb-0 .me-3{margin-right: 0px !important;}

    .footer .d-flex .mb-0 a{text-align: left;margin-bottom: 5px;margin-left: 0px;}

    .articlesolu .actbody .d-flex{padding: 4rem !important;}

    .articlesolu .actbody .col-md-10 .row{margin-top: 0 !important;}

/*    page*/

.page .page-icon2 .card{

    flex-direction: column;height: auto;padding: 0 !important;}

    .page .page-icon2 .card .pageicon2-img{position: relative;}

    .page .page-icon2 .card .pageicon2-img,

    .page .page-icon2 .card:hover .pageicon2-img{width: 100%;left: 0;}

    .page .page-icon2 .card .pageicon2-img .icon-ty,

    .page .page-icon2 .card:hover .pageicon2-img .icon-ty{

        min-width: 100px;}

    .page .page-icon2 .card .content{position: relative;width: 100%;padding: 10px;}

    .page .row-cols-md-5 .card {border-radius: 50%;height: 150px !important;width: 150px !important;}

    .page .page-icon2 .card .pageicon2-img:before{content: attr(data-text);position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;text-align: center;font-size: 26px;color: rgba(0, 0, 0, 1.0);font-weight: 700;padding-top: 150px;}

    .page .row-cols-md-5 .display-6{font-size: 1.1rem;}

    .page .col-md-12 .fs-1 {font-size: 1.3rem !important;}

     /*   page agent*/

    }

   .page-agent .agentbg1{background: url(../image/4-230P2104J4145.jpg);height: 100vh;background-size: cover;width: 100%;position: relative;}

   .page-agent .agentbg1 .position-absolute{top: 15%;padding: 20px !important;}

/*   page-contact*/

  .page-contact .col-md-8 .card { margin-bottom: 1rem!important; }



}