/* width */
body::-webkit-scrollbar { width: 10px;}

/* Track */
body::-webkit-scrollbar-track { background: #f1f1f1;}

/* Handle */
body::-webkit-scrollbar-thumb { background:#2D1E5F;}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover { background: #555;}

*,
*::before,
*::after { box-sizing: border-box; }


* {margin: 0px;padding: 0px;}
html {scroll-behavior: smooth;}

:root{
	--color-01:#FFFFFF;
	--color-02:#000000;
	--color-03:#080808;
	--color-04:#666666;
	--color-05:#CCCCCC;
	--color-06:#EEEEEE;
	--color-07:#BFC0C3;
	--color-08:#0f0f0f;
	--color-09:#E9FFFD;
	--color-10:#F1FFFE;
	--color-11:#F24333;
	--color-12:#0E0628;
	--color-13:#08014C;
	--color-14:#262626;
	
	--border-white:rgba(255,255,255,0.5);
	
	--gradient-01:linear-gradient(270deg, #A1C6EA 0%, #F24333 100%);
	--gradient-02:linear-gradient(270deg, #2D1E5F 0%, #9E7CFF 100%);
	
	--rfs-82: clamp(2.5rem, 6vw, 82px);
	--rfs-72: clamp(2.25rem, 4vw, 72px);
	--rfs-64: clamp(2rem, 4.5vw, 64px);
	--rfs-54: clamp(1.75rem, 4vw, 54px);
	--rfs-48: clamp(1.5rem, 3.5vw, 48px);
	--rfs-42: clamp(1.35rem, 3vw, 42px);
	--rfs-36: clamp(1.25rem, 3vw, 36px);
	--rfs-30: clamp(1.125rem, 2.5vw, 30px);
	--rfs-24: clamp(1rem, 2vw, 24px);
	--rfs-21: clamp(0.875rem, 1.75vw, 21px);
	--rfs-18: clamp(0.875rem, 1.5vw, 18px);
	--rfs-16: clamp(0.875rem, 1.5vw, 16px);
}

::-ms-input-placeholder {color:var(--color-07);}
::placeholder {color: var(--color-07);}

div#html5lightbox-watermark,
div#html5-watermark {display: none !important;}
 
body {color: var(--color-02);font-family: "Manrope", sans-serif;font-size: var(--rfs-18);font-size: 16px;font-weight: 400;}

h1,
h2,
h3,
h4,
h5 {font-family: "Space Grotesk", sans-serif;line-height: 1.1;}

h5.title{text-transform:uppercase;margin-top: 10px;}

p {line-height: 1.4;}
strong{font-weight: 700;}

.overflow-hidden{overflow:hidden;}
 
.title_line{border-top: 1px solid var(--border-white);border-bottom: 1px solid var(--border-white);width:0%;position: absolute;}
.title_line.top{top:0px;left:0px;}
.title_line.bottom{bottom:0px;right:0px;}

h1 .spib:nth-child(2),
h2 .spib:nth-child(2),
h3 .spib:nth-child(2),
h4 .spib:nth-child(2),
h5 .spib:nth-child(2){/* padding-top: 10px; */}


span.spib,
span.spib strong {gap: 15px;/*display:flex;padding-bottom: 3px;*/overflow: hidden;position: relative;}


.rfs-p {/* padding: clamp(10px, 5vw, 120px) clamp(10px, 4vw, 90px); */padding: 0px 60px;position: relative;}

/* Define font sizes using clamp */
.rfs-82 {font-size: var(--rfs-82);}
.rfs-72 {font-size: var(--rfs-72);}
.rfs-64 {font-size: var(--rfs-64);}
.rfs-54 {font-size: var(--rfs-54);}
.rfs-48 {font-size: var(--rfs-48);}
.rfs-42 {font-size: var(--rfs-42);}
.rfs-36 {font-size: var(--rfs-36);}
.rfs-30 {font-size: var(--rfs-30);}
.rfs-24 {font-size: var(--rfs-24);}
.rfs-21 {font-size: var(--rfs-21);}
.rfs-18 {font-size: var(--rfs-18);}

.weight-300{font-weight:300;}
.weight-500{font-weight:500;}
.weight-700{font-weight:700;}

.color-01{color:var(--color-01);}
.color-02{color:var(--color-02);}
.color-03{color:var(--color-03);}
.color-04{color:var(--color-04);}
.color-05{color:var(--color-05);}
.color-06{color:var(--color-06);}
.color-07{color:var(--color-07);}
.color-08{color:var(--color-08);}
.color-09{color:var(--color-09);}
.color-10{color:var(--color-10);}
.color-11{color:var(--color-11);}
.color-12{color:var(--color-12);}
.color-13{color:var(--color-13);}

.bg-01{background:var(--color-01);}
.bg-02{background:var(--color-02);}
.bg-03{background:var(--color-03);}
.bg-04{background:var(--color-04);}
.bg-05{background:var(--color-05);}
.bg-06{background:var(--color-06);}
.bg-07{background:var(--color-07);}
.bg-08{background:var(--color-08);}
.bg-09{background:var(--color-09);}
.bg-10{background:var(--color-10);}
.bg-11{background:var(--color-11);}
.bg-12{background:var(--color-12);}
.bg-13{background:var(--color-13);}

.gradient-01{background:var(--gradient-01);}
.gradient-02{background:var(--gradient-02);}

.z-index-1	 {z-index:    1;}
.z-index-2	 {z-index:    2;}
.z-index-3	 {z-index:    3;}
.z-index-4	 {z-index:    4;}
.z-index-5	 {z-index:    5;}
.z-index-6	 {z-index:    6;}
.z-index-7	 {z-index:    7;}
.z-index-8	 {z-index:    8;}
.z-index-9	 {z-index:    9;}
.z-index-10	 {z-index:   10;}
.z-index-99	 {z-index:   99;}
.z-index-999 {z-index:  999;}
.z-index-9999{z-index: 9999;}

.loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:var(--color-02);z-index: 99999;display: flex;align-items: center;}

#clickAnimation_wrp{position: fixed;top:0;left: 0;z-index: -1;width:100%;height:100%;opacity: 0;background:var(--color-02);display: flex;align-items: center;}
#clickAnimation_wrp.current {z-index:999;opacity:1;} 

#scrollsmoother-container{overflow-y:hidden;}
#scroll-container{margin-left: -1px;}
.ScrollSmoother-wrapper{z-index:9;}

.overlays,
.overlays_01,
.overlays_02,
.overlays_03,
.overlays_04{position:absolute;top:0;right:0;width:100%;height:100%;z-index:99;}


.overlayslider{position:absolute;top:0;right:0;width:100%;height:100%;z-index:99;}
.overlayslider.left{left:0px;background: linear-gradient(90deg, black 50%, transparent);}
.overlayslider.right{right:0px;background: linear-gradient(270deg, black 50%, transparent);}
 
.btn-scrollTop {text-decoration: none;position: fixed;bottom: -100px;right: 10px;z-index: 99999;text-align: center;transition: all 500ms ease-in-out 0s;}
.btn-scrollTop span.top_icon {display: block;width: 40px;filter: drop-shadow(2px 4px 0px black);}
.btn-scrollTop span.txt {display: block;color: var(--color-12);font-size: 11px;background: var(--color-01);padding: 3px 2px 4px 4px;text-transform: uppercase;text-decoration: none;font-weight: bold;line-height: 1;letter-spacing: 1px;text-align: center;position: relative;top: 0px;z-index: 2;border: 1px solid;}
.btn-scrollTop span.txt:before{content:"Top";text-decoration: none;}
.btn-scrollTop:hover, .btn-scrollTop:hover span.txt {color: #000000;text-decoration: none;}
.btn-scrollTop.active {bottom: 10px;transition: all 500ms ease-in-out 0s;}

.bold-100{font-weight:100;}

/***********************/
/*       Header        */
/***********************/

header.index{background: var(--color-03);}
header{position:fixed;width:100%;z-index:99;padding: 0px 15px;transition: all 500ms ease-in-out;}
/*header:after{content:"";width:100%;height:1px;border-bottom: 1px solid var(--border-white);position:absolute;bottom:0px;left:0px;}*/
header nav{padding:0px !important;}
header nav .navbar-brand{max-width: 170px !important;margin:0px !important;padding: 0px !important;}
header ul{gap: 10px;margin-top: 0px;display: flex;align-items: center;}
header ul li{}
header ul li a{color: var(--color-01) !important;font-size: clamp(0.75rem, 1vw, 14px) !important;padding: 0px !important;text-transform: uppercase;}
header ul li a .nv-text{padding: 26px 15px;display: inline-block;}
header ul.navbar-nav.mx-auto li a{ /*padding: 30px 15px !important;*/ position:relative;transition:all 300ms ease-in-out;}
header ul.navbar-nav.mx-auto li a:before{content:"";position:absolute;top: 0;left:0;width:100%;height:0px;z-index:-1;background: linear-gradient(180deg, #00000014 0%, #ffffff00 100%);transition:all 300ms ease-in-out;}
/*header ul.navbar-nav.mx-auto li a:after{content:"";position:absolute;top:0;left:0;right:0;margin:auto;width:0%;height:2px;background:var(--color-11);transition:all 300ms ease-in-out;}*/
header ul.navbar-nav.mx-auto li a:hover:before,
header ul.navbar-nav.mx-auto li a.active:before{height:100%;transition:all 300ms ease-in-out;}
/*
header ul.navbar-nav.mx-auto li a:hover:after,
header ul.navbar-nav.mx-auto li a.active:after{width:100%;transition:all 300ms ease-in-out;}
header ul.navbar-nav.mx-auto li a:hover,
header ul.navbar-nav.mx-auto li a.active{color: var(--color-02) !important;}
*/


header.stickyheader{background: var(--color-02);transition: all 500ms ease-in-out;}

header nav {}
header nav ul ul {padding: 0;margin: 0;list-style: none;position: relative;}
header nav ul ul li {display:inline-block;background-color: #261655;}
header nav ul li {line-height: 1;position: relative;}
header nav ul ul li a,
header nav ul ul li a:focus {transition: all 300ms ease-in-out;}
header nav ul ul li a:hover + header .navbar-expand-lg .navbar-nav .nav-link:hover {}
header nav ul ul li a:hover {color: #fff;text-decoration: none;background-color: #522fb7;/*border-radius: 7px;*/transition: all 300ms ease-in-out; border-radius: 100vh;}
header nav ul ul {background: #261655;backdrop-filter: blur(20px);padding: 10px 20px 20px 20px;display: none;border-radius: 0px 10px 10px 10px;position: absolute;top: 64px;left: 0px;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);z-index: 999;}
header nav ul li:hover > ul {display:inherit;}
header nav ul ul li a .nv-text{line-height: 1.3;/*padding: 15px 15px 15px 50px;*/ padding: 15px 15px 15px 70px; width: 100%;/* border-top: 1px solid #371f7c; */}
header nav ul ul li a .nv-text strong{font-weight:900;}
 
header nav ul li:hover,
header nav ul li.submenu-dropdown:hover,
header nav ul li.submenu-dropdown:hover > a{color: #fff !important;background: #261655;/* background: #261655c9; */backdrop-filter: blur(20px);}
header nav ul ul li {width: 190px;float:none;display:list-item;position: relative;}
header nav ul ul ul li {position: relative;top:-60px;left:170px;}
header nav ul li.submenu-dropdown > a:after {content:  '';position: relative;top: 13px;left: -8px;width: auto;height: 0;border: 4px solid transparent;border-top: 5px solid #ffffff;}
header nav ul  li > a:only-child:after { content: ''; }
 
header nav ul li.sd-width-01 li {width: 200px;margin-top: 10px;background: #1c0d46;border-radius: 7px;border: 1px solid #1b0a4e;}
header nav ul li.sd-width-02 li {/*width: 280px;*/margin-top: 10px;background: #1c0d46;/*border-radius: 7px;*/border: 1px solid #1b0a4e; border-radius: 100vh; width:300px;}
header nav ul li.sd-width-02 li:before{content:"";width: 45px;height: 100%;position:absolute;top:0;left:0;background-position:center center;background-repeat:no-repeat;background-size: 30px;filter: invert(1); z-index: 1; margin-left: 8px;}
header nav ul li.sd-width-02 li:nth-child(1):before{background-image: url("../img/menu-quick-commerce.png");}
header nav ul li.sd-width-02 li:nth-child(2):before{background-image: url("../img/menu-sportswear.png");}
header nav ul li.sd-width-02 li:nth-child(3):before{background-image: url("../img/menu-quick-service-restaurant.png");}
header nav ul li.sd-width-02 li:nth-child(4):before{background-image: url("../img/menu-ev-charging.png");}
header nav ul li.sd-width-02 li:nth-child(5):before{background-image: url("../img/menu-fuel-station.png");}

body header nav .navbar-brand{filter:brightness(100);}

/*header nav ul.navbar-nav > li:nth-last-child(1){border-radius:100px;}*/
/*header nav ul.navbar-nav > li:nth-last-child(1) a span{color:var(--color-01) !important;}*/




/*body.industries header:after{border-bottom:1px solid rgba(56, 25, 110, 0.5);}*/

/***********************/
/*       Footer        */
/***********************/


.btn-book-a-demo {display: inline-block;border-radius: 100px;position: relative;z-index: 9;transition: all 300ms ease-in-out; color:#fff; border:none; text-transform: uppercase; padding-inline: 1rem;}
.btn-book-a-demo .bkm-text {font-size: clamp(0.75rem, 1vw, 12px) !important;font-weight: 500;line-height: 1;letter-spacing: 0.5px;text-align: center;text-transform: uppercase;padding: 13px 25px;display: flex;border-radius: 100px;overflow: hidden;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-book-a-demo .bkm-text:after {content: "";width:100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: -1;transform-origin: center left;transition: all 300ms ease-in-out;}
.btn-book-a-demo.gradient-01 .bkm-text:after{background: var(--gradient-01);} 

.btn-book-a-demo:hover .bkm-text {transition:all 300ms ease-in-out;}
.btn-book-a-demo:hover .bkm-text:after {width: 400px;transition:all 300ms ease-in-out;}


.btn-km {/* width: 100%; *//* max-width: 300px; */display: inline-block;border-radius: 100px;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-km .bkm-text {font-size: var(--rfs-18) !important;font-weight: 500;line-height: 1;letter-spacing: 0.5px;text-align: center;text-transform: uppercase;padding: 15px 25px 16px 25px;border-radius: 100px;overflow: hidden;position: relative;z-index: 9;display: flex;justify-content: center;transition: all 300ms ease-in-out;}
.btn-km .bkm-text:after {content: "";width:100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: -1;transform-origin: center left;transition: all 300ms ease-in-out;}

.btn-km:hover .bkm-text {transition:all 300ms ease-in-out;}
.btn-km:hover .bkm-text:after {width: 400px;transition:all 300ms ease-in-out;}
 
.btn-km.white{color:var(--color);text-decoration:none;}
.btn-km.white.gradient-01 .bkm-text:after{background: var(--gradient-01);}
.btn-km.white.gradient-02 .bkm-text:after{background: var(--gradient-02);}
 
 
.home-sec-mumbai{width: 100vw;height: 680px;display: block;}

.row_gaps{row-gap:50px}

footer{background: var(--color-02);position: relative;z-index:99;overflow:hidden;}
footer .footer{width: 80%;margin: auto;padding: 6% 6% 0% 6%;border-radius: 15px 15px 0px 0px;background: linear-gradient(277deg, #9E7CFF 2.46%, #261655 95.48%);position: relative;z-index:99;overflow:hidden;}
footer .rfs-p{padding-top: 60px;padding-bottom:0px;}
footer .footer-gline{opacity: .4;position:absolute;top:0px;}
footer h3{color: var(--color-01);font-size:var(--rfs-48);margin-bottom:20px;}
footer h4{color:var(--color-01);font-size: 14px;font-weight: 100;text-transform: capitalize;margin-bottom: 0px;}
footer a{color: var(--color-01);}
footer a:hover{color: var(--color-01);text-decoration:none;}
footer nav {}
footer .footer_logo{margin:50px auto 30px auto;}
footer .top-footer{position: relative;} 

footer .sub-footer{border-top: 1px solid #ffffff59 !important;padding: 20px 0px 30px 0px;}
footer .sub-footer .container-fluid{} 
footer .sub-footer p{color: var(--color-01);font-size:12px;text-align: center;margin-bottom: 0px;}
footer .sub-footer,
footer .sub-footer li,
footer .sub-footer a{color: var(--color-01);font-size: 12px;font-weight: 300;text-decoration: none;position: relative;z-index: 9;}
footer .sub-footer{
    border-top: 1px solid var(--color-01);
}
footer .sub-footer .logo{max-width: 220px;margin-top: 50px;}

ul.privacy_list{color: var(--color-01);padding:0;list-style:none;margin: auto;display: flex;flex-wrap: wrap;justify-content: center;}
ul.privacy_list li{padding: 0px 10px;}

ul.fmenu-links{padding: 0px;margin: 0px 0px 0px 0px;list-style-type: none;gap:20px;display: inline-flex;flex-direction: column;}

ul.fmenu-links li{position: relative;width: 100%;}
ul.fmenu-links li a{color: var(--color-01);font-size: 15px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;padding: 5px 0px;display: inline-block;transition: all 300ms ease-in-out;}
ul.fmenu-links li a span.menu-text:before{content:"";position:absolute;bottom: 0px;left:0px;width:100%;height: 1px;background: var(--color-01);transition: all 300ms ease-in-out;}
ul.fmenu-links li a span.menu-text:after{content:"";position:absolute;bottom: 0px;left:0px;width:0%;height: 2px;background: var(--color-11);transition: all 300ms ease-in-out;}

ul.fmenu-links li a span.menu-text{padding: 2px 0px;display: inline-block;position:relative;z-index:9;}

ul.fmenu-links li a:hover,
ul.fmenu-links li a:focus,
ul.fmenu-links li a:active{color: var(--color-11);transition: all 300ms ease-in-out;} 
 
ul.fmenu-links li.active a span.menu-text:after,
ul.fmenu-links li a:hover span.menu-text:after{width:100%;transition:all 300ms ease-in-out;}

 
ul.address-links{padding: 0px;margin: 0px 0px 0px 0px;list-style-type: none;height: 220px;display: inline-flex;flex-direction: column;justify-content: space-between;}
ul.address-links li{text-align:left;position: relative;}
ul.address-links li a{color: var(--color-01);font-size: 15px;font-weight: 300;letter-spacing: 1px;text-align: left;padding: 3px 0px;display: inline-block;position: relative;transition: all 300ms ease-in-out;}
ul.address-links li a:after{content:"";width: 0%;height: 1px;background: var(--color-01);position: absolute;bottom: 0px;left: 0px;transition:all 500ms ease-in-out;}
ul.address-links li a:hover,
ul.address-links li a:focus,
ul.address-links li a:active{color: var(--color-01);transition: all 300ms ease-in-out;} 

ul.address-links li a:hover:after{width:100%;transition:all 500ms ease-in-out;}


.footer-content {position: relative;z-index: 9;padding: 5px 0px;} 
.footer-content h5{color: var(--color-01);font-size: 18px;font-weight: 600;letter-spacing: 0px;margin-bottom: 10px;}
.footer-content p{color: var(--color-01);font-size: 14px;margin-bottom: 0px;}

footer ul.split-links{padding: 0px;margin: 0px;list-style-type: none;gap: 30px;display: flex;align-items: center;justify-content: space-between;}
footer ul.split-links li{width: 50%;}
footer ul.split-links li a{font-family: "Bricolage Grotesque", serif;font-size: 24px;text-transform: uppercase;text-decoration: none;position: relative;padding: 30px;display: flex;align-items: center;}
footer ul.split-links li a .cursive{color: var(--color-11);font-size: 130%;padding:0px;}

footer ul.split-links li a .sl-icon{width: 50px;height: 50px;background: var(--color-01);position: relative;z-index: 9;}
footer ul.split-links li a .sl-icon img{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
footer ul.split-links li a .sl-text{width:100%;position: relative;z-index: 9;}

footer ul.split-links li a:before{content:"";width: 0%;height:100%;position: absolute;top: 0px;opacity:1;z-index: 1;transition:all 500ms ease-in-out;}
footer ul.split-links li:nth-child(1) a:before{background: linear-gradient(90deg, #000000 0%, var(--color-11)  100%);left:inherit;right:0px;}
footer ul.split-links li:nth-child(2) a:before{background: linear-gradient(90deg, var(--color-11)  0%, #000000 100%);left:0px;right:inherit;}

footer ul.split-links li a:after{content:"";width:100%;height:100%;position: absolute;top: 0px;left: 0px;opacity: .4;z-index: -1;}
footer ul.split-links li:nth-child(1) a:after{background: linear-gradient(90deg, #000000 0%, #1E1E1E 100%);}
footer ul.split-links li:nth-child(2) a:after{background: linear-gradient(90deg, #1E1E1E 0%, #000000 100%);}

footer ul.split-links li:nth-child(1) a .sl-icon img{}

footer ul.split-links li:nth-child(1) a{gap:60px;}
footer ul.split-links li:nth-child(1) a .sl-icon img{max-width:120px;}

footer ul.split-links li:nth-child(2) a{gap: 20px;}

footer ul.split-links li:nth-child(1) a:hover:before{width:100%;right:0px;transition:all 500ms ease-in-out;}
footer ul.split-links li:nth-child(2) a:hover:before{width:100%;left:0px;transition:all 500ms ease-in-out;}


.quick-wrp{gap: 30px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.quick-wrp > div{}
.quick-wrp h4{color: var(--color-03);font-size: 24px;font-weight: 500;text-transform: capitalize;position: relative;}
.quick-wrp h4 span{font-size: 16px;position:absolute;top: 6px;left: 0px;display: none;}


/***********************/
/*       Footer        */
/***********************/

/***********************/
/*     Social Media    */
/***********************/

ul.social_media_footer {margin: 0px;padding: 0px;list-style-type: none;column-gap: 15px;display: flex;align-items: flex-end;justify-content: flex-end;}
ul.social_media_footer>li {display: block;}
ul.social_media_footer>li {transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a {font-size: 14px;font-weight: 500;letter-spacing: 0px;width: 40px;height: 40px;/* border: 1px solid var(--color-01); */border-radius: 100px;transition: all 500ms ease-in-out;display: flex;justify-content: center;align-items: center;}
ul.social_media_footer>li>a img{}
ul.social_media_footer > li > a .menu-text{display: none;}
ul.social_media_footer > li > a .menu-icon{transition: all 500ms ease-in-out;}
ul.social_media_footer > li > a .menu-icon img{width: 20px;margin-bottom: 2px;}
ul.social_media_footer li a:hover{color: var(--color-11);transition: all 500ms ease-in-out;}
ul.social_media_footer li a:hover  .menu-icon{transition: all 500ms ease-in-out;}

a.fb:hover {color: #fff;background: #3b5998 !important;transition: all 500ms ease-in-out;}
a.tw:hover {color: #fff;background: #38A1F3 !important;transition: all 500ms ease-in-out;}
a.dr:hover {color: #fff;background: #eb4b89 !important;transition: all 500ms ease-in-out;}
a.in:hover {color: #fff;background: #0077B5 !important;transition: all 500ms ease-in-out;}
a.insta:hover {color: #fff;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all 500ms ease-in-out;}
a.vi:hover {color: #fff;background: #00adef !important;transition: all 500ms ease-in-out;}
a.yt:hover {color: #fff;background: #d82423 !important;transition: all 500ms ease-in-out;}

/***********************/
/*     Social Media    */
/***********************/


/***********************/
/*      B&F Credits    */
/***********************/

.flip-container2{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d}.flip-container2:hover .back2,.flip-container2.hover .back2{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-container2:hover .front2,.flip-container2.hover .front2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container2,.front2,.back2{position:relative;top: 7px;float: left;}.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;top: -7px;width: 30px;height: 30px;}.text-muted{color:#fff}.front2,.back2{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;-o-transition:0.6s;-o-transform-style:preserve-3d;-ms-transition:0.6s;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;right:0}.front2{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);;z-index:2}.back2{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.txt-flipper{}

/***********************/
/*      B&F Credits    */
/***********************/


main{position:relative;z-index:9;}
/*main:before{content:"";position:absolute;top: 66px;left: 0px;width: 60px;height: calc(100% - 66px);opacity: .5;border-right: 1px solid var(--color-01);z-index:10;}*/

.mw-350{max-width:350px;}
.mw-400{max-width:400px;}
.mw-450{max-width:450px;}
.mw-500{max-width:500px;}
.mw-550{max-width:550px;}
.mw-580{max-width:580px;}
.mw-600{max-width:600px;}
.mw-650{max-width:650px;}
.mw-700{max-width:700px;}
.mw-750{max-width:750px;}
.mw-800{max-width:800px;}
.mw-850{max-width:850px;}
.mw-900{max-width:900px;}
 


/***Slick Slider***/
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow{font-size:0px;background: rgba(0,0,0,0.0);border: none;border-radius: 5px;width:50px;height:50px;position:absolute;top:50%;transform: translateY(-50%);z-index:9;}

button.slick-prev.slick-arrow{left: -50px;}
button.slick-next.slick-arrow{right: -50px;}

button.slick-prev.slick-arrow:before,
button.slick-next.slick-arrow:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-top: 1px solid var(--color-11);border-right: 1px solid var(--color-11);}

button.slick-prev.slick-arrow:before{transform: rotate(-135deg) translate(-26px, 3px);}
button.slick-next.slick-arrow:before{transform: rotate(45deg) translate(20px, 1px);}


button.slick-arrow:focus,
button.slick-arrow:hover{outline:none;border:none;box-shadow:none;}

ul.slick-dots{margin:0px auto;padding:0px;list-style-type:none;gap: 10px;display: flex;align-items: center;justify-content: center;}
ul.slick-dots li{}
ul.slick-dots li button{font-size:0px;width: 10px;height: 10px;background: transparent;border: 1px solid var(--color-01);border-radius: 100px;transition: all 300ms ease-in-out;}
ul.slick-dots li.slick-active{}
ul.slick-dots li.slick-active button{background: var(--color-01);transition: all 300ms ease-in-out;}




/***********************/
/*     Social Media    */
/***********************/


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width :768px) {

	.btn-km{}
	.btn-km .bkm-text{font-size: 14px !important;padding: 12px 25px 13px 25px;}

	.rfs-p{padding:0px 10px;}
	.container-fluid{padding: 0px !important;}

	header{padding-left:15px;padding-right:15px;}
	header ul{margin-top: 10px;gap: 0px;display: flex;align-items: stretch;}
	header ul li{border-top: 1px solid #d3d3d3; width:100%;}
	header ul li a{width: 100%;}
	header ul li a span{font-size:15px;font-weight:500;padding: 10px 15px !important;display: block !important;}
	body{font-size:15px;}
	body header nav .navbar-brand{max-width:130px !important;}

	h1{margin-bottom:20px;}

	header nav ul li.submenu-dropdown > a:after{}

	/*main:before{top: 59px;width: 10px;}*/

	footer .footer{border-radius: 30px 30px 0px 0px !important;}
	footer .top-footer{}
	footer .top-footer .row{display: flex;flex-direction: column-reverse;}
	footer .footer_logo{margin:0px 0px 25px 0px;}

	footer .top-footer a.nav-link.btn-km.white.gradient-01.pageLink{width: 100%;margin: 15px 0px 20px 0px;}

	ul.fmenu-links{gap: 5px;display: flex;flex-direction: row;flex-wrap: wrap;}
	ul.fmenu-links li{width: 49%;}
	ul.fmenu-links li:nth-child(odd){text-align: left;}
	ul.fmenu-links li a{font-size: 13px;}

	ul.fmenu-links li a span.menu-text{}

	footer .sub-footer p{text-align:center;}
	ul.privacy_list{margin: 10px 0px 0px 0px;}
	ul.privacy_list li{padding: 0px 10px;}
	ul.privacy_list li a{}
	.flip-container2{float: inherit;margin-top: 13px;display: flex;align-items: center;justify-content: center;}

}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width : 991px) {
	 
		
	header nav{padding: 10px 0px 15px 0px !important;display: flex;justify-content: flex-end;}
	header{    background: var(--color-02);}
	header ul{align-items: flex-start;}
	header ul li a .nv-text {padding: 1rem;}
	.navbar-collapse .d-flex{
		margin-top:1rem;
	}

}



/* Large screens ----------- */
@media only screen and (min-width : 991px) and (max-width : 1440px) { 
	
	.cfp{padding:50px 30px;}
	
} 
 
@media screen and (min-width: 1280px) and (max-width: 1366px)
{ 

	.container{max-width:1280px;}

	body{font-size:16px;} 


} 

 
 
@media screen and (min-width: 1441px) and (max-width: 1799px) {
	
	.container{max-width: 1440px;}
}

/* Large screens ----------- */
@media only screen and (min-width : 1660px) {
	
	.container{max-width: 1440px;}
	
} 

/* Large screens ----------- */

@media only screen and (min-width : 1800px) {
	
	.container{max-width: 1440px;}
	
} 
