@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

*, html { scroll-behavior:smooth; -webkit-box-sizing:border-box; box-sizing:border-box; }
body { font-family: 'Inter', sans-serif; color:#121212; font-size:18px; line-height:34px; background:#FFFFFF; }

img { max-width:100%; display:block; }
a { color:#257BBA; text-decoration:none; }
a:hover, a:focus { color:#257BBA; text-decoration:none;}

h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif; font-weight:600; }

::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:transparent; border-radius:0; }
::-webkit-scrollbar-thumb { background:#000000; border-radius:0; }

.bg-dark { background-color: #121212 !important; }
.text-light { color: #FFFFFF !important; }
.text-light p { color: #FFFFFF !important; }
.bg-light { background-color: #FFFFFF!important; }
.text-dark { color: #121212!important; }
.text-dark p { color: #121212!important; }


/*****Common*****/
.common_title h1 { font-size:60px; line-height:70px; font-weight:700; }
.common_title h2 { font-size:46px; line-height:56px; }
.common_title h3 { font-size:38px; line-height:48px; }

.common_title h4 { font-size:30px; line-height:34px; }
.common_title h5 { font-size:24px; }
.common_title h6 { font-size:20px; }
.common_title p { font-size:20px; line-height:34px; color: #121212; margin:15px 0; }

.btn_common { font-size:18px; font-weight: 500; color:#FFFFFF; border:1px solid #FFFFFF; background:transparent; padding:8px 25px; text-transform:capitalize; display:inline-block; }
.btn_common:hover, .btn_common:focus { color:#FFFFFF; background:#2475BA; border:1px solid #2475BA; transition:all 0.3s ease-in-out; }

.btn_large_common { font-size:20px; color:#FFFFFF; font-weight:600; border:1px solid #FFFFFF; background:transparent; padding:12px 30px; text-transform: capitalize;display:inline-block; }
.btn_large_common:hover, .btn_large_common:focus { color:#FFFFFF; background:#2475BA; border:1px solid #2475BA; transition:all 0.3s ease-in-out; }

.common_space { padding: 60px 80px; }
.common_section { padding: 100px 0; }
.common_space_content { padding: 60px 100px; }
/*****Common*****/

/*****Header_Section*****/
.web_header { width:100%;  }
.web_header .navbar .container-fluid { max-width:96%; width:100%; padding:0; }

.navbar { padding-top:20px; padding-bottom:20px; position:fixed; top:0; left:0; right:0; z-index:999; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;  }
.navbar.active { background:#FFFFFF; padding-top:12px; padding-bottom:12px;  box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); }
.navbar-brand { padding:0; margin:0; }
.navbar-brand img { height:100px; width:auto; max-width:initial; outline:none; }
.navbar-expand-lg .navbar-nav .nav-item { margin:0 10px; }
.navbar-expand-lg .navbar-nav .nav-link { padding:8px 20px; font-size:18px; color:#FFFFFF; font-weight:500; }
.navbar-expand-lg .navbar-nav .nav-link:hover { color:#257BBA; }
.navbar-expand-lg.active .navbar-nav .nav-link { color:#121212; }
.navbar-expand-lg.active .navbar-nav .nav-link:hover, .navbar-expand-lg.active .navbar-nav .nav-link.act { color:#ef7f1a;}

.navbar-toggler {  border:1px solid #FFFFFF; margin:0; text-align:center; box-shadow:none; outline:none; padding:10px 8px; border-radius:0; font-size:unset; line-height:initial; transform:translateY(0px); }
.active .navbar-toggler {  border:1px solid #121212; }
.navbar-toggler .icon-bar { background-color:#FFFFFF; }
.active .navbar-toggler .icon-bar { background-color:#121212; }
.navbar-toggler:focus, .navbar-toggle:hover { box-shadow:none; outline:none; transform:translateY(0px) !important;  -webkit-transform:translateY(0px) !important; transform:translateY(0px) !important; }

.navbar-toggler.collapsed { }
.navbar-toggler.collapsed .top-bar { transform:rotate(0); }
.navbar-toggler.collapsed .middle-bar { opacity:1; }
.navbar-toggler.collapsed .bottom-bar { transform:rotate(0); }
.navbar-toggler .icon-bar { display:block; width:22px; height:1px; border-radius:1px; }
.navbar-toggler .top-bar { transform:rotate(45deg); transform-origin:7% 0%; transition:0.6s; }
.navbar-toggler .middle-bar { opacity:0; transition:0.6s; }
.navbar-toggler .bottom-bar { transform:rotate(-45deg); transform-origin:10% 90%; transition:0.6s; }
.navbar-toggler .icon-bar+.icon-bar { margin-top:6px; }

.top_btn_desktop {  }
.top_btn_desktop i {  }
.top_btn_desktop a { display:flex; gap: 15px; align-items: center; font-size: 16px; color: #FFFFFF; font-weight: 600; border:1px solid #FFFFFF; padding: 8px 25px; background:transparent; text-align: center; margin-left: 15px; text-transform: capitalize; letter-spacing: 0; }
.top_btn_desktop a:hover, .top_btn_desktop a:focus { color:#FFFFFF; border:1px solid #2475BA; background:#2475BA; transition:all 0.3s ease-in-out; }

.navbar.active .top_btn_desktop a { color:#FFFFFF; background:#000000; }
.navbar.active .top_btn_desktop a:hover , .navbar.active .top_btn_desktop a:focus { color:#FFFFFF; background:#ef7f1a; transition:all 0.3s ease-in-out; }

.top_btn_mobile { display:none; }
.top_btn_mobile a { display:inline-block; color:#FFFFFF; border-radius:0; vertical-align:middle; }
.top_btn_mobile a.tb_phone { font-size: 16px; padding: 4px 15px; line-height: 26px; border: 1px solid #FFFFFF; text-align: center; }
.active .top_btn_mobile a.tb_phone { color:#121212; border: 1px solid #121212; }
.top_btn_mobile a.tb_quote { font-size:18px; padding:6px 15px; text-transform:uppercase; background:#000000; line-height:initial; border:1px solid #000000; }
.top_btn_mobile a:hover { color:#FFFFFF; }

/*****Header_Section*****/

/*****Web_Main_Banner*****/
.web_home_banner { background-image:url(../images/main_bg.jpg); background-repeat:no-repeat; background-size:cover; height:100vh; }
.home_title { margin-top:100px; }
.home_title h1 { }
.home_title p { color: #FFFFFF; margin: 25px 0; }
/*****Web_Main_Banner*****/

/*****Web_Capabilities*****/
.web_capabilities { padding: 80px 0; }
.capabilities_boxs { margin-top: 40px; }
.capabilities_box { border:2px solid #DDD; padding: 30px; margin-bottom: 30px; }
.capabilities_box h4 { color: #121212; margin: 15px 0; }
.capabilities_box p { min-height: 240px; margin: 0; }
/*****Web_Capabilities*****/

/*****Web_The_Future*****/
.web_the_future { width: 100%; background-image:url(../images/bg_future.jpg); background-repeat:no-repeat; background-size:cover; height:400px; padding: 80px 0; }
.web_the_future p { color: #FFFFFF; margin: 25px 0; }
/*****Web_The_Future*****/

/*****Web_Footer*****/
.web_footer { padding:80px 0 0 0; background: #121212; }

.footer_contact ul { margin: 0; padding: 0; list-style: none; } 
.footer_contact ul li { display: block; margin-bottom: 20px; } 
.footer_contact ul li a { display: flex; gap: 12px; font-size: 18px; color: #FFFFFF; font-weight: 400; align-items: center; justify-content: flex-start; }
.footer_contact ul li a:hover, .footer_contact ul li a:focus { color: #FFFFFF; }

.footer_tab { margin-bottom:30px; }
.footer_tab h4 { font-size:26px; color:#FFFFFF; margin-bottom:30px; font-weight:600; text-transform:capitalize; }

.footer_link {}
.footer_link ul { margin:0; padding:0; list-style:none; }
.footer_link li { margin:0 0 6px 0; }
.footer_link li a { font-size:18px; color:#FFFFFF; display:block; }
.footer_link li a:hover, .footer_link li a:focus { color:#2475BA; }

.social_media { margin-top: 20px; }
.social_media ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-start;}
.social_media li { margin: 0 6px; }
.social_media li a { padding: 6px; font-size: 18px; color: #FFFFFF; -webkit-transition: .3s; transition: .3s; display: block; text-align: center; line-height: 26px; }
.social_media li a:hover, .social_media li a:focus { color:#2475BA; }

.footer_copy { padding:15px 0;  }

.copyright { font-size:14px; color:#FFFFFF; font-weight:300; text-align:center; margin:0;  }
/*****Web_Footer*****/

/*****Web_Inner_Banner*****/
.web_inner_banner { width: 100%; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 650px; }
.web_inner_banner h1 { font-weight: 400; }

.aboutus_bg { background-image: url(../images/aboutus_bg.jpg); }
.contact_us_bg { background-image: url(../images/contact_us_bg.jpg); }
.services_bg { background-image: url(../images/services_bg.jpg); }
.product_bg { background-image: url(../images/product_bg.jpg); }
/*****Web_Inner_Banner*****/

/*****Contact_Page*****/
.love_to_help { background-image: url(../images/love_to_help.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 800px; }

.user-main { margin-top:20px }
.user-box { position:relative; margin-bottom:35px }

.user-box label { position:absolute; top:0; left:0; padding:10px 0; color:#7A7A7A; pointer-events:none; -webkit-transition:.5s; transition:.5s; font-weight:400; font-size:17px; opacity:1 }
.dark .user-box label { color:#121212; }

.user-box input { padding:10px 0; width:100%; color:#7A7A7A; border:0; border-bottom:solid 1px #595666; outline:0; background:0 0; font-weight:500; font-size:16px; letter-spacing:-.02em; line-height:0; height: 54px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out }
.dark .user-box input { color:#121212; border:0; border-bottom:solid 1px #121212; }

.user-box input:focus { -webkit-box-shadow:0 1px 0 #248DFF; box-shadow:0 1px 0 #248DFF }
.dark .user-box input:focus { -webkit-box-shadow:0 1px 0 #248DFF; box-shadow:0 1px 0 #248DFF }

.user-box input:focus~label,
.user-box input:valid~label { top:-26px !important; left:0 !important; color:#FFFFFF !important; font-size:13px !important; letter-spacing:-.02em !important; opacity:1 !important; font-weight:300 !important }

.dark .user-box input:focus~label,
.dark .user-box input:valid~label { color:#121212 !important; }

.user-box select { width:100%; color:#7A7A7A; border:0; border-bottom:solid 1px #595666; outline:0; background:0; font-weight:400; font-size:16px; letter-spacing:-.02em; line-height:0; border-radius: 0; height: 54px; padding:10px 0; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out }
.user-box select:focus { -webkit-box-shadow:0 1px 0 #248DFF; box-shadow:0 1px 0 #248DFF }
.user-box select option { font-size: 16px; line-height: 34px; padding: 6px 15px; display: block; }

.dark .user-box select { color:#121212; }

.form-check { position:relative; margin-bottom:35px }
.form-check .checkbox_contant { font-weight:300; font-size:15px; color:#7A7A7A; opacity:1 }
.form-check .form-check-input { border:1px solid #FFFFFF; opacity:.6; width:18px; height:18px; margin-top:8px; border-radius:4px }
.form-check .form-check-input:focus { -webkit-box-shadow:none; box-shadow:none }

.contact_map { display: flex; align-items: center; background: #ef7f1a; }
.contact_info h4 { font-size: 26px; font-weight: 500; line-height: 36px; margin: 25px 0 10px 0; } 
.contact_info p { color: #FFFFFF !important; }
.contact_info ul { list-style: none; padding: 0; margin: 0 0 20px 0; }
.contact_info ul li { font-size: 16px; line-height: 34px; margin: 4px 0; font-weight: 400; }
/*****Contact_Page*****/