@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto', sans-serif;color:#333333;line-height:24px;scroll-behavior:smooth;background-color:#f3f3f3}a{text-decoration:none}.w-img img{width:100%}.m-img img{max-width:100%}a,.btn,button,span,p,i,input,select,textarea,li,img,svg path,*::after,*::before,.transition-3,h1,h2,h3,h4,h5,h6{transition:all 0.3s ease-out 0s}a:focus,.button:focus{text-decoration:none;outline:none}a:focus,a:hover{color:inherit;text-decoration:none}a,button{color:inherit;outline:none;border:none;background:transparent}button:hover{cursor:pointer}button:focus{outline:0;border:0}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}h1,h2,h3,h4,h5,h6{color:#2c3941;line-height:24px;transition:all 0.3s ease-out 0s}h1{font-size:40px;font-weight:700}h2{font-size:36px;font-weight:600}h3{font-size:22px;font-weight:500}h4{font-size:20px;font-weight:500}h5{font-size:18px;font-weight:400}h6{font-size:14px;font-weight:400}ul{margin:0px;padding:0px}li{list-style:none}p{font-size:15px;line-height:24px;color:#494848;text-align:justify;font-weight:400}*::placeholder{color:#2c3941;font-size:14px;opacity:1}.fix{overflow:hidden}.clear{clear:both}.f-left{float:left}.f-right{float:right}.z-index-1{z-index:1}.overflow-y-visible{overflow-x:hidden;overflow-y:visible}.p-relative{position:relative}.header .top{background-color:#fff}.header .top .header_top{padding:15px 20px 10px 20px;display:flex;justify-content:space-between}.header .top .header_top .top_left .logo img{width:100px;height:90px}.header .top .header_top .top_right{display:flex;align-items:center}.header .top .header_top .top_right .info ul li{display:inline-block;padding:0 20px;font-size:15px;color:#494848}.header .top .header_top .top_right .info ul li i{font-size:20px;padding-right:3px;color:#00c7ec}.header .top .header_top .top_right .info ul .left-border{border-right:1px solid #494848}.header .top .header_top .top_right .icon ul li{display:inline-block;padding-left:10px}.header .top .header_top .top_right .icon ul li a i{font-size:25px;height:40px;width:40px;border:1px solid #00c7ec;border-radius:7px;text-align:center;line-height:38px;color:#00c7ec}.header .top .header_top .top_right .icon ul li a .fb{color:#4267B2;border:1px solid #4267B2}.header .top .header_top .top_right .icon ul li a .tw{color:#00ACEE;border:1px solid #00ACEE}.header .top .header_top .top_right .icon ul li a .lk{color:#0072bA;border:1px solid #0072bA}.header .NavBarHeader{background-color:#313743}.header .NavBarHeader .navItems{position:relative}.header .NavBarHeader .navItems .navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.header .NavBarHeader .navItems .navbar .navbar_left .searchBar{width:400px;z-index:2;position:relative}.header .NavBarHeader .navItems .navbar .navbar_left .searchBar .searchIcon i{width:50px;height:100%;color:#fff;font-size:24px;position:absolute;line-height:45px;text-align:center;right:0;top:50%;transform:translateY(-50%);background-color:#00c7ec;border-radius:5px;cursor:pointer}.header .NavBarHeader .navItems .navbar .navbar_left .searchBar .searchIcon i:hover{background-color:#da343a}.header .NavBarHeader .navItems .navbar .navbar_left .searchBar .form_control{display:block;width:100%;height:45px;font-size:15px;color:#1d1c1c;padding:22px;background-color:#fff;background-clip:padding-box;border:1px solid #cfcfcf;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-ms-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;z-index:-1}.header .NavBarHeader .navItems .navbar .navbar_left .searchBar .form_control:focus{outline:0}.header .NavBarHeader .navItems .navbar .navbar_left .searchBar .form_control::placeholder{font-size:15px;color:#6d6b6be1;font-weight:400}.header .NavBarHeader .navItems .navbar .navbar_middle a{font-size:18px;color:#fff;font-weight:500}.header .NavBarHeader .navItems .navbar .navbar_middle a i{font-size:20px;padding:0 5px}.header .NavBarHeader .navItems .navbar .navbar_right ul li{padding-left:30px;cursor:pointer;position:relative;display:inline-block}.header .NavBarHeader .navItems .navbar .navbar_right ul li:hover a{width:100%}.header .NavBarHeader .navItems .navbar .navbar_right ul li:hover .sub_down{top:50px;opacity:1 !important;margin-top:0;visibility:visible;padding:10px 10px 10px 10px}.header .NavBarHeader .navItems .navbar .navbar_right ul li a{font-size:16px;font-weight:500;color:#fff}.header .NavBarHeader .navItems .navbar .navbar_right ul li a .droppper{font-size:16px}.header .NavBarHeader .navItems .navbar .navbar_right ul li a:hover{color:#00c7ec}.header .NavBarHeader .navItems .navbar .navbar_right ul li .sub_down{background-color:#fff;border-radius:10px;padding:10px 10px 10px 10px;box-shadow:1px 1.732px 20px 0px rgba(0,0,0,0.3);transition:all 0.3s ease-in-out;position:absolute;visibility:hidden;display:block;width:250px;border:none !important;opacity:0;top:70px;left:0;padding:0;z-index:999}.header .NavBarHeader .navItems .navbar .navbar_right ul li .sub_down li{padding:10px 10px;width:100%}.header .NavBarHeader .navItems .navbar .navbar_right ul li .sub_down li:hover{background-color:#00c7ec;width:100%}.header .NavBarHeader .navItems .navbar .navbar_right ul li .sub_down li:hover a{color:#fff}.header .NavBarHeader .navItems .navbar .navbar_right ul li .sub_down li a{font-size:17px;font-weight:400;color:black}.header .NavBarHeader .navItems .navbar .navbar_right ul li .contact{padding:10px 20px;background-color:#00c7ec;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;color:#f3f3f3 !important}.banner .banner_wrapper .banner_slider{position:relative;overflow:hidden !important}.banner .banner_wrapper .banner_slider .banner_item img{width:100%;height:700px}.banner .banner_wrapper .banner_slider .Prev{font-size:35px;height:60px;background-color:#fff;width:60px;color:#7a7878;border:1px solid #c2c1c1;border-radius:50%;line-height:60px;text-align:center;position:absolute;box-shadow:1px 1.332px 4px 1px #7c7c7c4d;left:5%;z-index:2;top:50%;transform:translateY(-50%);cursor:pointer}.banner .banner_wrapper .banner_slider .Prev:hover{color:#000}.banner .banner_wrapper .banner_slider .Next{font-size:35px;height:60px;width:60px;background-color:#fff;color:#7a7878;border:1px solid #c2c1c1;box-shadow:1px 1.332px 4px 1px #7c7c7c4d;border-radius:50%;line-height:60px;text-align:center;position:absolute;right:5%;z-index:2;top:50%;transform:translateY(-50%);cursor:pointer}.banner .banner_wrapper .banner_slider .Next:hover{color:#000}.service{padding:90px 0}.service .section_header h2{color:#000;text-align:center}.service .section_header h2 span{color:#00c7ec}.service .service_wrapper{padding-top:40px;position:relative}.service .service_wrapper h5{padding-bottom:20px}.service .service_wrapper h5 a{font-size:18px;color:#00c7ec;font-weight:500}.service .service_wrapper h5 a:hover{padding-right:20px;color:#000}.service .service_wrapper .Prev{font-size:35px;height:60px;background-color:#fff;width:60px;color:#7a7878;border:1px solid #c2c1c1;border-radius:50%;line-height:60px;text-align:center;position:absolute;box-shadow:1px 1.332px 4px 1px #7c7c7c4d;left:-30px;z-index:2;top:50%;transform:translateY(-50%);cursor:pointer}.service .service_wrapper .Prev:hover{color:#000}.service .service_wrapper .Next{font-size:35px;height:60px;width:60px;background-color:#fff;color:#7a7878;border:1px solid #c2c1c1;box-shadow:1px 1.332px 4px 1px #7c7c7c4d;border-radius:50%;line-height:60px;text-align:center;position:absolute;right:-30px;z-index:2;top:50%;transform:translateY(-50%);cursor:pointer}.service .service_wrapper .Next:hover{color:#000}.service .service_wrapper .service_wrap{text-align:center;padding:55px 15px 45px 15px;background-color:#fff;box-shadow:1px 1.332px 4px 1px #7c7c7c4d;border-radius:20px;border:2px solid transparent;margin:10px}.service .service_wrapper .service_wrap:hover{border:2px solid #00c7ec}.service .service_wrapper .service_wrap .serviceImg img{width:120px;margin:0 auto}.service .service_wrapper .service_wrap h3{color:#000;padding-top:25px;line-height:28px}.client{padding:20px 0 80px 0}.client .section_header h2{color:#000;text-align:center}.client .section_header h2 span{color:#00c7ec}.client .client_wrapper{padding-top:30px}.client .client_wrapper h5{padding-bottom:28px}.client .client_wrapper h5 a{font-size:18px;color:#00c7ec;font-weight:500}.client .client_wrapper h5 a:hover{padding-right:20px;color:#000}.client .client_wrapper .client_wrap{text-align:center;background-color:#fff;box-shadow:1px 1.332px 4px 2px #7c7c7c4d;padding:30px 10px 10px 10px;border-radius:10px;margin-bottom:20px}.client .client_wrapper .client_wrap h4{color:#000}.client .client_wrapper .client_wrap h6{color:#494848;padding:0 20px}.client .client_wrapper .client_wrap h6 i{color:#00c7ec;font-size:20px}.contact{padding-bottom:130px}.contact .contact_wrapper{position:relative;margin-top:30px}.contact .contact_wrapper .contect_info{padding:59px 30px;box-shadow:1px 1.332px 4px 2px #7c7c7c4d}.contact .contact_wrapper .contect_info .section_header h2{color:#000;text-align:center;padding-bottom:40px}.contact .contact_wrapper .contect_info .section_header h2 span{color:#00c7ec}.contact .contact_wrapper .contect_info ul{padding-left:20px}.contact .contact_wrapper .contect_info ul li{padding:8px 0}.contact .contact_wrapper .contect_info ul li a{font-size:16px;color:#000;line-height:26px;font-weight:400}.contact .contact_wrapper .contect_info ul li span{padding-right:10px}.contact .contact_wrapper .contect_info ul li span i{height:55px;width:55px;background-color:#fff;text-align:center;line-height:55px;border-radius:50%;font-size:25px;box-shadow:1px 1.332px 4px 2px #7c7c7c4d;color:#00c7ec}.contact .contact_wrapper .contect_info .qrscanner{text-align:center;padding-top:10px}.contact .contact_wrapper .contect_info .qrscanner img{width:180px}.contact .contact_wrapper .contect_info .form_wrapper .massage{height:120px !important}.contact .contact_wrapper .contect_info .form_wrapper .form_control{display:block;margin-bottom:10px;width:100%;height:40px;padding:23px;background-color:#ffffff;background-clip:padding-box;border:1px solid #dededf;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-ms-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.contact .contact_wrapper .contect_info .form_wrapper .form_control:focus{outline:0}.contact .contact_wrapper .contect_info .form_wrapper .form_control::placeholder{font-size:16px;color:#aeacac;font-weight:400}.contact .contact_wrapper .contect_info .form_wrapper label{font-size:17px;color:#000;font-weight:500;padding-bottom:10px}.contact .contact_wrapper .contect_info .contact_btn a{padding:15px 80px;color:#fff;font-weight:500;border-radius:7px;background-color:#00c7ec}.MobHeader{z-index:4}.MobHeader .mobNav{display:flex;justify-content:space-between;align-items:center;padding:15px 10px}.MobHeader .mobNav .logo img{width:130px}.MobHeader .mobNav .mobNAv_btn a i{font-size:28px;color:#000}.navbar_toggoler .offcanvas .offcanvas-header img{width:60px}.navbar_toggoler .offcanvas .offcanvas-body{background-color:#fff}.navbar_toggoler .offcanvas .offcanvas-body .nav_list{background:#e7e2e2}.navbar_toggoler .offcanvas .offcanvas-body .nav_list .dropdown{margin:1em auto;width:100%;border:.1em solid #c0cdd1}.navbar_toggoler .offcanvas .offcanvas-body .nav_list a{display:block;padding:5px 10px;color:#000;font-size:15px;font-weight:400}.navbar_toggoler .offcanvas .offcanvas-body .nav_list a:focus,.navbar_toggoler .offcanvas .offcanvas-body .nav_list a:hover{background:#ecf0f1}.navbar_toggoler .offcanvas .offcanvas-body .nav_list a:active{background:#fbfcfc}.navbar_toggoler .offcanvas .offcanvas-body .nav_list .fa{float:right}.navbar_toggoler .offcanvas .offcanvas-body .nav_list ul{display:none;border-top:.1em solid #c0cdd1}.navbar_toggoler .offcanvas .offcanvas-body .nav_list li{padding:5px 10px;cursor:pointer}.navbar_toggoler .offcanvas .offcanvas-body .nav_list li:not(:first-child){border-top:.1em dashed #dde4e6}.navbar_toggoler .offcanvas .offcanvas-body .nav_list li:focus,.navbar_toggoler .offcanvas .offcanvas-body .nav_list li:hover{background:#ecf0f1}.navbar_toggoler .offcanvas .offcanvas-body .nav_list li:active{background:#fbfcfc}.footer{padding:25px 0 40px 0;border-top:1px solid #00c7ec;background-color:#00c7ec}.footer .footer_wrapper h3{font-size:24px;font-weight:600;color:#fff;line-height:36px;padding:20px 0}.footer .footer_wrapper ul li{padding:5px 0}.footer .footer_wrapper ul li a{font-size:16px;color:#fff}.footer .footer_wrapper ul li a i{font-size:20px;padding-right:10px}.footer .footer_wrapper p{color:#fff}.footer .footer_wrapper .paymentMethod{background-color:#fff;padding:10px 10px;border-radius:3px;margin-bottom:1px;width:100px}.footer .footer_wrapper .paymentMethod img{width:100%;height:45px}.copy_right{background-color:#00c7ec;padding:20px 0 10px 0;border-top:1px solid #fff}.copy_right h4{font-size:16px;font-weight:400;color:#fff}.copy_right h4 img{width:80px;padding:0 10px}.backtotop{display:inline-block;background-color:#00c7ec;width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:20px;right:20px;opacity:0;visibility:hidden;z-index:9999999999}.backtotop::after{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:2em;line-height:50px;color:#fff}.backtotop:hover{cursor:pointer;background-color:#000000}.backtotop:active{background-color:#000000}.backtotop.show{opacity:1;visibility:visible}.graphic{padding:80px 0}.graphic .graphic_wrapper .crad_wrap{background-color:#fff;box-shadow:1px 1.332px 4px 2px #7c7c7c4d;border-radius:5px;margin-bottom:25px;padding:10px}.graphic .graphic_wrapper .crad_wrap:hover .card_img img{transform:scale(1.1)}.graphic .graphic_wrapper .crad_wrap .card_img{height:280px !important;display:flex;justify-content:center;align-items:center;overflow:hidden}.graphic .graphic_wrapper .crad_wrap .card_img img{max-width:100%;max-height:100%}.graphic .graphic_wrapper .crad_wrap .card_info{padding:10px 0px 20px 0px}.graphic .graphic_wrapper .crad_wrap .card_info .infoLeft h4{font-size:18px;color:#000;font-weight:500}.graphic .graphic_wrapper .crad_wrap .card_info .infoLeft .cartBtn{margin-top:35px}.graphic .graphic_wrapper .crad_wrap .card_info .infoLeft .cartBtn a{padding:8px 18px;background-color:#00c7ec;color:#fff;font-size:15px;font-weight:500;border-radius:5px}.graphic .graphic_wrapper .crad_wrap .card_info .infoLeft .cartBtn a:hover{background-color:#000}.graphic .graphic_wrapper .crad_wrap .card_info .infoRight h4{font-size:14px;color:#00c7ec;font-weight:500}.graphic .graphic_wrapper .crad_wrap .card_info .infoRight h5{font-size:14px;color:#494848;font-weight:400;position:relative;display:inline-block}.graphic .graphic_wrapper .crad_wrap .card_info .infoRight h5::after{position:absolute;content:'';top:50%;left:50%;height:2px;width:100%;background-color:#00c7ec;transform:translate(-50%, -50%)}.graphic .graphic_wrapper .crad_wrap .card_info .infoRight h6{font-size:17px;color:#000;font-weight:500}.information{padding:100px 0}.information .info_wrapper h4{font-size:30px;font-weight:600;color:#000;line-height:42px}.information .info_wrapper h4 span{color:#00c7ec}.information .info_wrapper ul{padding-top:30px;padding-left:30px}.information .info_wrapper ul li{font-size:17px;color:#00c7ec;font-weight:400;line-height:24px;padding-bottom:10px}.information .info_wrapper ul li i{color:#000;padding-right:5px}.information .info_wrapper ul li span{color:#000;padding-left:10px}.information .info_wrapper .info_box{border:1px solid #b4b4b4;margin-top:30px}.information .info_wrapper .info_box ul{padding:30px 20px 20px 20px}.information .info_wrapper .info_box ul li{font-size:16px;color:#000;font-weight:500;line-height:26px}.information .info_wrapper .info_box ul li span{color:#00c7ec}.detail{padding:80px 0}.detail .detail_wrapper h4{font-size:26px;color:#000;font-weight:500;line-height:38px}.detail .detail_wrapper h4 span{color:#00c7ec;font-size:17px;padding-left:10px}.detail .detail_wrapper .detail_item{height:500px;width:100%;display:flex;justify-content:center;align-items:center;border-radius:10px}.detail .detail_wrapper .detail_item img{max-width:100%;max-height:100%;border-radius:10px;margin:0 0 0 auto}.detail .detail_wrapper .cartBox{width:80%;background-color:#fff;border-radius:3px;box-shadow:1px 1.332px 4px 2px #7c7c7c4d;padding:15px 15px 32px 15px}.detail .detail_wrapper .cartBox h4{font-size:20px;color:#fff;font-weight:500;background-color:#00c7ec;padding:10px 0;text-align:center}.detail .detail_wrapper .cartBox .price{display:flex;justify-content:center;align-items:center;padding-top:20px}.detail .detail_wrapper .cartBox .price h5{font-size:19px;color:#494848;font-weight:400;position:relative;display:inline-block}.detail .detail_wrapper .cartBox .price h5::after{position:absolute;content:'';top:50%;left:50%;height:2px;width:100%;background-color:#00c7ec;transform:translate(-50%, -50%)}.detail .detail_wrapper .cartBox .price h6{padding:0 10px;font-size:23px;color:#000;font-weight:600}.detail .detail_wrapper .cartBox .quantity{margin-top:20px}.detail .detail_wrapper .cartBox .quantity h5{font-size:20px;color:#333;font-weight:500;padding-left:5px;padding-bottom:15px}.detail .detail_wrapper .cartBox .quantity .counter{display:flex;align-items:center !important;justify-content:center}.detail .detail_wrapper .cartBox .quantity .counter .decrementer{width:100px !important;height:50px !important;border-radius:0px !important;font-size:35px !important;background-color:#313743 !important;border:1px solid transparent !important}.detail .detail_wrapper .cartBox .quantity .counter .decrementer:hover{background-color:#000 !important}.detail .detail_wrapper .cartBox .quantity .counter .number-input{width:300px !important;height:50px;border-color:#bbb9b9 !important}.detail .detail_wrapper .cartBox .quantity .counter .incrementer{width:100px !important;height:50px !important;border-radius:0px !important;font-size:32px !important;border:1px solid transparent !important;background-color:#313743 !important}.detail .detail_wrapper .cartBox .quantity .counter .incrementer:hover{background-color:#000 !important}.detail .detail_wrapper .cartBox .cartBtn{padding-top:50px;text-align:center}.detail .detail_wrapper .cartBox .cartBtn a{padding:11px 35px;background-color:#00c7ec;font-size:18px;font-weight:500;color:#fff;border-radius:5px}.detail .detail_wrapper .cartBox .cartBtn a:hover{background-color:#000}.detail .detail_wrapper p{font-size:15px;color:#494848;padding-top:35px}