body {font-family: 'dm-r', sans-serif;line-height: 1.7;background-color: #ffffff;scroll-behavior: smooth;}
.dm-sans-regular {font-family: 'dm-r', sans-serif;}
.dm-sans-medium {font-family: 'dm-m', sans-serif;}
.dm-sans-bold {font-family: 'dm-b', sans-serif;}
.josefins-regular {font-family: 'jfs-r', sans-serif;}
.josefins-medium {font-family: 'jfs-m', sans-serif;}
.josefins-bold {font-family: 'jfs-b', sans-serif;}

/*-----navbar-----*/

.relative{position:relative}
.overlay{position:absolute;top:0px;left:0px;bottom:0px;right:0px}
.sticky-wrapper{position:absolute;width:100%;height:100px !important}
.sticky-wrapper.is-sticky .header-r{background:#ffffff;box-shadow:-15px 15px 30px 0px rgba(158,158,158,0.3)}
.header-r{position:absolute;top:0;left:0;width:100%;z-index:10;background: #ffffff;}
.header-r .navbar{padding:10px 16px}
.header-r .navbar .navbar-toggler{border-color:transparent;}
.header-r .navbar .navbar-toggler:focus{outline:none}
.header-r .navbar .navbar-toggler span{color:#ffffff;}
.navbar-nav a{text-decoration:none;font-size:14px;font-weight:400;color:#000000;padding:25px 12px}
.navbar-nav a:hover,.navbar-nav a.active{color:#44b7fd;}
@media (max-width: 720px){.navbar-nav{margin-top:10px}}
.navbar-nav a{padding:10px 0}
.navbar-nav li{padding:10px 0}
@media (max-width: 720px){.navbar-nav .dropdown .dropdown-menu{background:transparent}}
.navbar-nav .dropdown .dropdown-item{color:#15181d;}
@media (max-width: 720px){.navbar-nav .dropdown .dropdown-item{color:#fff}}
.logo_design {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);border-radius: 10px;}


/*-----titles-----*/

.small_title_for_white {font-family: 'dm-b',sans-serif;color:#000000; padding:5px 5px 5px 15px;text-transform: uppercase;color: #44b7fd;}
.small_title_for_white::before {content: "";position: absolute;left: 0;top: 50%;background: linear-gradient(-160deg, #44b7fd 0%, #7141b1 100%);width: 5px;height: 40px;transform: translateY(-50%);}
.title_for_white_b {font-family: 'jfs-b',sans-serif; color: #086ad8; font-size: 50px; padding-bottom: 5px; text-transform: uppercase;}
@media (max-width: 720px){.title_for_white_b {font-size: 30px}}
.title_for_white_r {font-family: 'jfs-r',sans-serif; color: #086ad8; font-size: 50px; padding-bottom: 5px; text-transform: uppercase;}
@media (max-width: 720px){.title_for_white_r {font-size: 30px}}
.title_for_blue {font-family: 'dm-b',sans-serif;font-size: 30px;color:#a6c01d; padding:5px 5px 5px 15px;border-left: #ffffff solid 5px;text-transform: uppercase;}
.title1_background {background-image: linear-gradient(#ffffff);text-align: center;padding:120px 20px 5px;}
.page_title_1 {font-family: 'jfs-b',sans-serif;font-size: 50px;color: #ffffff; text-transform: uppercase;}
@media (max-width: 720px){.page_title_1 {font-size: 30px;}}
.page_title_2 {font-family: 'jfs-r',sans-serif;font-size: 50px;color: #44b7fd; text-transform: uppercase;}
@media (max-width: 720px){.page_title_2 {font-size: 30px;}}
.page_title_background {background-image: linear-gradient(180deg, #bbb7d4 0%, #ffffff 100%);text-align: center;padding:60px 20px;}
@media (max-width: 720px){.page_title_background {padding:60px 20px 40px;}}
.title2 {font-family: 'dm-b',sans-serif;font-size: 30px;color:#a6c01d;background-color: #2b3c53; padding:5px;border-radius: 10px;text-align: center;}
@media (max-width: 720px){.title2 {font-size: 25px;}}
.title3 {font-family: 'rale-bo', serif;font-size: 50px;color:#ffffff;border-bottom:#ffd524 solid 3px}
@media (max-width: 720px){.title3 {font-size: 35px;}}


/*-----footer-----*/

.foot {background-image: url('../img/footer-image.jpg');background-size: cover; background-position: center; background-repeat: no-repeat;padding: 120px 20px 40px;color: #ffffff;font-size: 14px;}
@media (max-width: 720px){.foot {padding:50px 25px;}}
.footer_title {font-family: 'jfs-b', serif;color:#44b7fd;text-transform: uppercase;}
.f_elements_logo {padding:50px 5px 60px;text-align: center}
.f_elements {padding:20px 5px;}
.f_elements_heading {font-family: 'dm-b', serif;color: #ffffff;}


/*-----home page-----*/

.text-overlay {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 48px; font-family: 'dm-b',sans-serif; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); z-index: 1;text-transform: uppercase; transition: opacity 1s ease-in-out;}
.white_section {padding:120px 20px;background-color: #ffffff; color: #000000;}
@media (max-width: 720px){.white_section {padding:80px 20px 20px 20px;}}
.section3 {padding:50px;background: #e5effa; color: #000000;}
.section4 {padding:60px 20px;background-color: #c1de26;color: #ffffff;text-align: center;}
.about_text {padding:0px 200px}
@media (max-width: 1920px){.about_text {padding:0 100px 0 0}}
@media (max-width: 1280px){.about_text {padding:0 80px 0 0}}
.about_picture {border-radius:10px;border: 5px solid #ffffff;box-shadow: 0 0 50px #000000;}
.card_home {padding: 20px 0 0 0; margin: 20px 10px;}
@media (max-width: 720px){.card_mobile_view {padding-top:60px;}}
.prod {font-family: 'dm-b',sans-serif;background-image: url('../img/prod.jpg');background-size: cover; background-position: center; background-repeat: no-repeat;padding:40px;border-radius: 10px;}
.prod_img {width: 90%;border-radius: 10px;}
.prod_des {font-family: 'dm-b',sans-serif;padding: 15px 30px 20px; background: #086ad8; width: 90%; position: relative; left: 50%; bottom: 10px; transform: translateX(-48%); margin-top: -10px; border-radius: 10px; color: #ffffff;}
.prod_desc {font-family: 'dm-b',sans-serif;background-image: url('../img/prod_desc.jpg');background-size: cover; background-position: center; background-repeat: no-repeat;color: #ffffff;border-radius: 10px;
    padding: 15px 30px 20px; width: 90%; position: relative; left: 50%; bottom: 10px; transform: translateX(-48%); margin-top: -10px;}
.quote {position: relative;background: url('../img/home-quote.jpg') center; background-repeat: no-repeat;background-size: cover;-webkit-background-size:cover;padding:40px;color: #ffffff;border-radius: 10px;margin-bottom: -80px;}
@media (max-width: 720px){.quote {margin-bottom: -10px;}}
.section {padding:120px 50px;background: linear-gradient(90deg, #693eaa 0%, #01ebf2 100%);}


/*-----about-us-----*/

.card_about {background-color: #ffffff; color: #000000; padding: 20px 20px 20px 40px; margin: 20px 10px; border-radius: 10px;}

.aboutus_section1 {padding:20px 20px 60px;background-color: #ffffff;}
@media (max-width: 720px){.aboutus_section1 {padding:20px;}}
.about_section_inner{background-image: linear-gradient(180deg, #514791 0%, #ffffff 100%);color: #55185d;border-radius:25px;padding: 60px;box-shadow: 0 0 50px #5c5c5c;}
@media (max-width: 720px){.about_section_inner{padding: 60px 20px;}}
.about_quote_symbol {font-family: 'qualy', sans-serif;font-size: 60px;padding: 0px;margin: 0px;}
.vision_adjust {padding: 20px;}
.aboutus_section2 {padding: 100px 5px 50px;}
@media (max-width: 720px){.aboutus_section2 {padding:60px 5px 25px;}}

/*-----contact-us-----*/

.cont_card1 {background-color: #e5effa;color: #000000; text-align: center;border-radius: 10px;padding: 30px;height: 350px;margin: 5px 10px;}
.cont_card {background-color: #086ad8;color: #ffffff; border-radius: 10px;padding: 30px;margin: 0px; margin-right: -100px;}
@media (max-width: 720px){.cont_card {margin-right: 0px;}}
.co_section {padding:150px 20px;background-image: url('../img/line-section.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
@media (max-width: 720px){.co_section {padding:100px 20px;}}
.form_section {padding:50px 100px 50px 50px;background-image: url('../img/cont_section.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;border-radius: 10px; color: #ffffff;margin-right: -100px;}
.form_section1 {padding:200px 20px;background-image: url('../img/line-section.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; color: #000000;}
@media (max-width: 720px){.form_section {padding:60px 20px;}}
.form_card {background-color: #ffffff;color: #000000; text-align: center;border-radius: 10px;padding: 30px;box-shadow: 0 0 50px #5c5c5c;}
.map-container {position: relative; width: 100%; max-width: 100%; margin: 0 auto; margin-bottom: -5px;}
.map-container iframe {display: block; width: 100%; max-width: 100%;}
.map_section {float: left; width: 100%;}
.contact-map-section .contact-map-wrap {margin-bottom: -8px;}

/*-----buttons-----*/

.button{border: none;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;
    margin: 4px 2px;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;cursor: pointer;}
.buttona{background-color: linear-gradient(-160deg, #44b7fd 0%, #7141b1 100%);color: #2A254A;border: 3px solid #fceee5;padding: 15px 30px;font-size: 15px;}
.buttona:hover{background-color: #2A254A;color: #fceee5;border: 3px solid #fceee5;}
.buttonb{background: linear-gradient(-160deg, #44b7fd 0%, #7141b1 100%);color: #ffffff;padding: 15px 40px;font-size: 15px;border-radius: 5px;}
.buttonb:hover{background-color: #ffffff;color: #ffffff;font-family: 'dm-b',sans-serif;}






.profile {padding:0px 30px;}
@media (max-width: 720px){.profile {padding:50px 30px 0px 30px;}}
.inner {background-color: #fff6f3;color: #2A254A;border-radius: 25px;padding: 50px;box-shadow: 0 0 50px #5c5c5c;}

/*----
.about_right {padding-left: 100px;}
@media (max-width: 720px){.about_right {padding: 80px 60px 0px;}}
.about_cinb {font-family: 'cinzelb', serif;}
@media (max-width: 720px){.about_cinb {font-size: 30px}}

.section1_dark {padding:120px 0px;background-color: #2A254A;color: #fceee5;}
@media (max-width: 720px){.section1_dark {padding:80px 20px;}}
-----*/

.pg_title_background{background-image: linear-gradient(180deg, #7f4f8a 0%, #2A254A 100%);}
.pg_title{font-family: 'popsb',sans-serif;font-size: 70px;color:#fceee5;text-align: center;padding:60px 20px;}
@media (max-width: 720px){.pg_title{font-size: 50px;padding:30px 20px;}}
.default_section_top {padding: 100px 5px 50px;}
@media (max-width: 720px){.default_section_top {padding:60px 5px 25px;}}
.default_section {padding: 50px 5px;}
@media (max-width: 720px){.default_section {padding:30px 5px;}}
.default_section_bottom {padding: 50px 5px 100px;}
@media (max-width: 720px){.default_section_bottom {padding:25px 5px 60px;}}
.box_section {border-radius:25px;border: #2A254A solid 2px; padding: 40px 20px;}
@media (max-width: 720px){.box_section {padding: 40px 5px;}}


.title2_light {font-family: 'popsb',sans-serif;font-size: 60px;color:#fceee5;border-left:#ffd700 solid 5px;padding-left:20px;}
@media (max-width: 720px){.title2_light {font-size: 50px}}
.title2_dark {font-family: 'popsb',sans-serif;font-size: 60px;color:#984673;border-left:#ffd700 solid 5px;padding-left:20px;}
@media (max-width: 720px){.title2_dark {font-size: 50px}}
.title3_light {font-family: 'popsb',sans-serif;font-size: 40px;color:#fceee5;border-left:#ffd700 solid 5px;padding-left:20px;}
@media (max-width: 720px){.title3_light {font-size: 30px}}
.title3_dark {font-family: 'popsb',sans-serif;font-size: 40px;color:#984673;border-left:#ffd700 solid 5px;padding-left:20px;}
@media (max-width: 720px){.title3_dark {font-size: 30px}}
@media (max-width: 720px){.mobile_padding {padding: 30px;}}



.fott {font-family: 'popsb',sans-serif;color:#984673;border-bottom:#e4cfa9 solid 1px;padding-bottom:10px;}
.fott1 {font-family: 'popsb',sans-serif;color:#ffffff;padding-bottom:10px;}
.hero_inner{padding:200px 0px;align-items: center;}
@media (max-width: 720px){.hero_inner{padding:200px 0px 150px;}}
.hero_profile {padding:0px 50px;}






.dark_section {padding:120px 50px;}
@media (max-width: 720px){.dark_section {padding:100px 20px;}}




.center {text-align: center;}
.sm_gap {padding: 20px;}
.in_sec {padding:0 30px;}
.title_align {padding:0 30px;text-align: right;}
.c_logo{padding:0 0 120px 0;text-align: center;}
@media (max-width: 720px){.c_logo{padding:0 0 25px 0;}}
.cont_pad {padding:50px}
.cont_pad1 {padding:50px;background-color: #2A254A;color: #ffffff;border-radius: 25px;}
@media (max-width: 720px){.cont_pad1, .cont_pad {padding:50px 20px;}}

.card_section {padding:120px 50px;background-color: #e4cfa9;color: #08120e;}
.card{background-image: url('../img/card.jpg');background-size: cover; background-position: center; background-repeat: no-repeat; max-width: 300px;margin: auto;text-align: center;border-radius: 10px;}
.card_fott {font-family: 'dm-b',sans-serif;color:#ffffff;border-bottom:#ffffff solid 1px;padding:40px 15px 0px;text-align:left !important;text-transform: uppercase;}
@media (max-width: 720px){.card_fott, .card_fott1 {font-size: 25px;}}


.back_section {padding:0px 50px 120px;background-color: #e4cfa9;color: #08120e;}






/*------
.slideshow-container {position: fixed; top:0; left: 0; width: 100vw; height:100vh; overflow: hidden;}
.slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out;}
.slide.active {opacity: 1;}
.slide img {width: 100%; height: 100%; object-fit: cover;}
.text-overlay {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 48px; font-family: Arial, Helvetica, sans-serif; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); text-align: center; z-index: 1;}
.fade {animation: fade 2s;}
@keyframes fade {from {opacity: .6} to {opacity: 1;}}
.content {position: relative; top: 100vh;margin: 0 auto;}
-------*/