@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body { background: #fff; }
p { font-size: 17px; line-height: 40px; !important;
font-family: "Merriweather Sans", sans-serif; text-align: justify; font-weight: 100; }
h1,
h2,
h3,
h4,
h5,
h6 { color: #000000; font-family: "Merriweather Sans", sans-serif; }
h1 { font-size: 54px; font-family: "Merriweather Sans", sans-serif; font-weight: 700; }
h2 { font-size: 35px; font-family: "Merriweather Sans", sans-serif; color: #cb3752; font-weight: 800; }
h3 { font-size: 40px; color: #FFFFFF; line-height: 52px; font-weight: 700; }
h4 { font-size: 18px; font-family: "Merriweather Sans", sans-serif; }
h5 { font-size: 24px; font-family: "Merriweather Sans", sans-serif; font-weight: bold; }
h6 { font-size: 22px; font-family: "Merriweather Sans", sans-serif; }
a { -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #3F3D3D; }
a:hover,
a:focus { color: #d43133; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
.btn-primary { padding: 8px 20px; background: #c52d2f; color: #fff; border-radius: 4px; border: none; margin-top: 10px; }
.btn-primary:hover,
.btn-primary:focus { background: #c52d2f; outline: none; box-shadow: none; }
.btn-transparent { border: 3px solid #fff; background: transparent; color: #fff; }
.btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); }
a:hover,
a:focus { color: #033e09; text-decoration: none; outline: none; }
ol,
ul { padding: 0px; margin: 0px; list-style: none }
.text-black { color: #333 }
.container { max-width: 1350px !important; width: 100% }
.center h2 { font-size: 26px; margin-top: 0; margin-bottom: 15px; color: #0872a2; text-transform: uppercase }
.media>.pull-left { margin-right: 20px; }
.media>.pull-right { margin-left: 20px; }
.box-pr { padding: 0 6px; margin-bottom: 12px }
.row6 { margin-left: -6px; margin-right: -6px }
.rugged-o-v1.pdf { margin-top: 40px }
.margin10 { margin-top: 10px }
.margin0 { margin: 0 }
.no-padding { padding: 0px; }
.ask { padding: 8px 30px !important; font-size: 18px !important; font-weight: bold }
.row0 { margin: 0 !important; }
.row10 { margin-left: -10px; margin-right: -10px }
.row7 { margin-left: -7px; margin-right: -7px }
.row5 { margin-left: -5px; margin-right: -5px }
.row12 { margin-left: 50px; margin-right: 50px; }
.row14 { margin-left: 100px!important; }
.row15 { margin-right: 100px!important; }
.padding-0 { padding: 0 !important; }
.padding-10 { padding: 0 10px !important; }
.padding-7 { padding: 0 7px }
.padding-6 { padding: 0 6px }
.padding-5 { padding: 0 5px }
.padding-bottom-0 { padding-bottom: 0px; }
/*************************
*******Header******
**************************/


section._menu-header { position: absolute; z-index: 9999; left: 0; right: 0; top: 32px; }
.logo img { margin-top: 15px; }
.ml-auto,
.mx-auto { margin-top: 24px; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.8rem !important; padding-left: 0.5rem; font-weight: 600; color: #fff; }
li.nav-item { font-size: 16px; font-family: "Merriweather Sans", sans-serif; }
button.btn.btn-primary.mybtn01 { background: #cb3752; margin: 29px 0px 0px; border-radius: 15px; }
button.btn.btn-primary.mybtn01:hover { transform: translateY(-8px); transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; background: #C41F3D; }
.banner_bottom_bg { position: relative; margin: 39px 0 0 0; }
.banner_img { height: 834px; background-size: cover; cursor: auto; margin-top: 13px; }
.banner_text { position: absolute; left: 30px; right: 0; bottom: 330px; z-index: 999; }
.banner_text p { color: #fff; font-weight: 300; letter-spacing: 1px; font-size: 18px; }
.banner_text h1 { font-weight: 800; color: #fff; padding: 0; margin: 0; }
/*.abt-content {
	padding: 0px 14px 0 90px;
}*/
.abt-image img { width: 100%; }
.abt-content { padding: 100px 20px 0 110px; }
.video-window { min-height: 630px; }
.video-content { margin-top: 190px; }
.video-content p { color: #fff; }
.youtube-video { margin-top: 140px; border: solid 2px #fff; box-shadow: 11px 12px 8px #000000c4; }
.blog-left-content { background: url(../images/blog-img.jpg) no-repeat left top; width: 100%; height: 857px; }
.blog-left-content { padding: 284px 90px 0 110px; }
.blog-hdr-cntnt { padding-top: 90px; }
.blog-hdr-cntnt h3 { color: #000; }
.blog-left-content p { color: #FFFFFF; }
.blog_img { height: 444px; background-size: cover; }
.blog-name { padding: 25px 0; }
.blog-name h4 { border-bottom: solid 1px; padding: 7px 0; }
.blog-name p { line-height: 32px; }
.glry-hdr h3 { color: #000000; text-align: center; }
.glry-hdr p { text-align: center; }
section.gallery-section { padding: 75px 0 0 0; }
.gallery { max-width: 100%; height: 450px; margin-inline: auto; display: flex; justify-content: center; gap: 1rem; }
 .gallery:has(.gallery-panel:hover) .gallery-panel:not(:hover) img {
 filter: grayscale(100%);
}
.gallery-panel { flex: 1; border-radius: 0.75rem; overflow: hidden; cursor: pointer; transition: flex 0.5s ease-in-out;/* background-color: yellow; */ }
.gallery-panel:hover { flex: 2.5; }
.gallery-panel img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s ease; }
.gallery-panel:nth-child(2) img { scale: 1.15; }
.gallery-panel:nth-child(5) img { scale: 1.25; }
.ftr_section { padding: 60px 0; color: #FFFFFF; }
.address h5 { font-size: 24px; text-align: center; padding-top: 13px; font-weight: bold; border-bottom: solid 2px #FFFFFF; width: 144px; margin-bottom: 26px; color: #FFFFFF; }
.address p { margin: 0; color: #FFFFFF; padding: 0; }
.quik_links h5 { font-size: 24px; text-align: center; padding-top: 13px; font-weight: bold; border-bottom: solid 2px #F5F5F5; width: 264px; margin-bottom: 26px; color: #FFFFFF }
.quik_links p { margin: 0; }
.quik_links li { list-style: none; margin: 9px 0 0 11px; font-size: 16px; font-family: 'Noto Sans', sans-serif; color: #151515; list-style: none; }
.quik_links li a { color: #FFFFFF; }
.quik_links li a:hover { text-decoration: none; color: #C7C8C7; }
.scl_media_icons h4 { margin: 35px 0px 13px 3px; font-family: 'Noto Sans', sans-serif; color: #FFFFFF }
.ftr_col { background-color: #002e3a; height: auto; margin-top: 2px; }
.bottam_bar { background: #141e2c; height: 43px; }
.site_id { float: right; color: #fff; padding: 9px 0 0 0; }
.ftr_txt01 { float: right; padding: 9px 0 0 0; color: #fff; font-size: 14px; }
.ftr_txt01 span { color: #fff; }
.ftr_txt01 span:hover { color: #D4D3D3; text-decoration: none; }
.ftr_abt img { margin-bottom: 0px; }
.ftr_abt p { padding: 0; margin: 0; }
.ftr_abt strong { font-size: 20px; }
.social_media_icon { float: right; margin: -50px 0 0 0; }
.fa.fa-facebook { border: solid 1px #fff; padding: 10px 14px 9px 12px; border-radius: 55px; color: #fff; }
.fa.fa-facebook:hover { color: #094AF9; border: solid 1px #094AF9; }
.fa.fa-instagram { border: solid 1px #fff; padding: 10px 11px 9px 11px; border-radius: 55px; color: #fff; }
.fa.fa-instagram:hover { color: #FD6926; border: solid 1px #FD6926; }
.fa.fa-twitter { border: solid 1px #fff; padding: 10px 11px 10px 12px; border-radius: 55px; color: #fff; }
.fa.fa-twitter:hover { color: #1AC4EF; border: solid 1px #1AC4EF; }
.fa.fa-youtube-play { border: solid 1px #fff; padding: 10px 11px 10px 10px; border-radius: 55px; color: #fff; }
.fa.fa-youtube-play:hover { color: #F11414; border: solid 1px #F11414; }
.inner_bnr_blog { background: url(../images/promoters.jpg); height: 427px; background-size: cover; }
.inner_hdr h2 { text-align: center; padding-top: 17%; color: #fff; font-weight: 700; }
/*--Contact--*/


.inner_bnr_img05 { background: url(../images/contact_us.jpg); height: 427px; background-size: cover; }
.inner_page_hdr04 h3 { color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 600; text-align: center; padding-top: 20%; }
.formBox { margin-top: 45px; padding: 50px; }
.formBox h1 { margin: 0; padding: 0; text-align: center; margin-bottom: 50px; text-transform: uppercase; font-size: 20px; }
.inputBox { position: relative; box-sizing: border-box; margin-bottom: 24px; }
.inputBox .inputText { position: absolute; font-size: 16px; line-height: 67px; transition: .5s; opacity: .5; }
.inputBox .input { position: relative; width: 100%; height: 50px; background: transparent; border: none; outline: none; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.14); padding: 16px 0 0 0; }
.focus .inputText { transform: translateY(-30px); font-size: 16px; opacity: 1; color: #007bab; }
textarea { height: 100px !important; }
.button { width: 100%; height: 50px; border: none; outline: none; background: #03A9F4; color: #fff; }
.sbmt_icon { background: #069017; padding: 6px 18px 6px 18px; margin: 0 auto; display: table; color: #fff; font-size: 18px; border-radius: 7px; }
.sbmt_icon:hover { text-decoration: none; color: #D3C8C8; }
.add_part { margin-top: 39%; text-align: center; }
.add_part h4 { font-size: 26px; color: #007bab; font-weight: 700; padding-bottom: 26px; }
.add_part P { text-align: center; }
.map { margin-top: 5px; border-bottom: solid #f1eaea; }
/*--/Contact--*/

.row.blog-part { padding: 30px 0; }
section.promoters-col { padding: 80px 0; }
.blog-card h4 { padding: 16px 0px 0 10px; margin: 0; }
.row { display: flex; flex-wrap: wrap; }
.col { flex: 1; padding: 0px 20px; display: flex; margin-bottom: 35px; }
.blog-card { flex: 1; display: flex; flex-direction: column; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transition: 0.4s ease; }
.blog-card:hover { transform: translateY(-8px); }
.blog-card img { width: 100%; height: 225px; object-fit: cover; }
.blog-card h3 { font-size: 25px; margin: 10px; }
.blog-card p { font-size: 17px; margin: 10px; }
.read-more { text-decoration: none; display: block; text-align: center; padding: 10px 0px; background-color: #002e3a; color: #fff; font-size: 18px; border-radius: 5px; margin-top: 5px; transition: all 0.3s ease; }
.read-more:hover { background-color: #036882; cursor: pointer; color: #a8aba8; }
.inner_bnr_blog-details { background: url(../images/blog-details01.jpg); height: 427px; background-size: cover; }
.blog-details-content { padding: 80px 0; }

@media screen and (max-width: 768px) {
.col { flex-basis: 100%; padding: 0px 50px; }
}

@media (max-width:767px) {
.banner_img { height: 217px; }
.banner_text h1 { font-weight: 800; font-size: 18px; }
.bnr_icon01 { height: 167px; width: 203px; /* background: red; */ border-radius: 15px; border: solid 1px #fff; margin: 16px 0 0 0px; float: left; display: none; }
.bnr_icon02 { height: 167px; width: 203px; /* background: red; */ border-radius: 15px; border: solid 1px #fff; margin: 16px 0 0 26px; float: left; display: none; }
.banner_text { position: absolute; left: 30px; right: 0; bottom: 13px; z-index: 999; }
.banner_bottom_bg img { width: 100%; z-index: 9999999; position: absolute; bottom: 32px; display: none; }
.abt_img img { margin: 0 auto; display: table; width: 40%; }
.abt_txt h2 { text-transform: uppercase; font-size: 24px; text-align: center; }
.abt_txt h4 { text-transform: uppercase; font-size: 18px; text-align: center; }
.abt_txt p { padding: 16px 0 0px 0; line-height: 30px; }
button.btn.btn-primary.mybtn01 { background: #cb3752; margin: 0 0px 25px; border-radius: 15px; }
.service_bg { background: url(../images/service_bg.jpg); height: auto; }
.main_bx { margin: 0 auto; display: table; }
.tip_txt h3 { color: #fff; font-size: 20px; font-weight: 300; }
section.testi_col { margin-top: 26px; }
.testi_hdr h3 { color: #cb3752; font-size: 24px; border-bottom: solid 5px #dee9de; width: 77%; padding: 3px 7px 12px 0; }
.btn-primary { padding: 5px 15px; font-size: 14px; }
button.btn.btn-primary.mybtn02 { background: #cb3752; margin: 13px 90px 0; border-radius: 15px; }
h2.theme-heading { text-align: center; margin: 0 auto; padding: 58px 0 58px 0; color: #fff; font-size: 22px; }
.ftr_col { height: auto; margin-top: 2px; }
.logo img { margin-top: 15px; width: 61px; }
nav.navbar.navbar-expand-lg.navbar-light { display: flex; flex-direction: row-reverse; margin-top: -53px; }
.bar1,
.bar2,
.bar3 { width: 20px; height: 3px; background-color: #cb3752; margin: 6px 0; transition: 0.4s; }
.change .bar1 { transform: translate(0, 7px) rotate(-45deg); }
.change .bar2 { opacity: 0; }
.change .bar3 { transform: translate(0, -11px) rotate(45deg); }
div#navbarSupportedContent { background: #607d8b; margin-top: 8px; position: absolute; left: 0; right: 0; top: 64px; z-index: 999999; }
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link { color: rgb(255 255 255 / 90%); }
.navbar-light .navbar-nav .nav-link { color: rgb(255 255 255); }
li.nav-item { font-size: 14px; }
.snip1581 .title3 { font-size: 14px; }
.tip_section { margin-top: 0; }
.scl_media_icons { margin: -17px 0 33px 0; }
.banner_text p { color: #fff; font-weight: 300; letter-spacing: 0px; font-size: 12px; }
.abt-content { padding: 0; }
p { font-size: 14px; line-height: 34px; font-family: "Merriweather Sans", sans-serif; text-align: justify; font-weight: 100; }
.video-content { margin-top: 52px !important; }
.video-content h3 { font-size: 18px !important; padding: 0; margin: 0; line-height: 2; }
.youtube-video { margin: 0 0 31px 0 !important; }
.blog-left-content { padding: 14px; height: auto; }
.blog-left-content h3 { font-size: 18px; }
.blog-hdr-cntnt { padding-top: 0 !important; }
.blog-hdr-cntnt h3 { font-size: 18px !important; }
.ftr_abt strong { font-size: 18px !important; }
.inner_hdr h2 { text-align: center; padding-top: 22%; color: #fff; font-weight: 700; font-size: 19px; }
section.promoters-col { padding: 0; }
.inner_bnr_blog { background: url(../images/promoters.jpg); background-size: auto; height: auto; background-size: cover; }
.inner_bnr_img05 { height: auto; }
.formBox { margin-top: 45px; padding: 0; }
.add_part { margin-top: 23px; text-align: center; }
.add_part h4 { font-size: 20px; text-align: justify; color: #007bab; font-weight: 700; padding-bottom: 0; }
.add_part P { text-align: justify; padding: 0; margin: 0; }
}
