/*
 Theme Name:     Suzuki
 Theme URI:      https://gm.dev.rw.digital/
 Description:    Suzuki Theme
 Author:          Suzuki
 Author URI:     https://gm.dev.rw.digital/
 Template:       twentytwentyone
 Version:        1.4
*/

@charset "utf-8";
/* CSS Document */
/*  -----------------------------------------------------
  ------------------- General Styles ------------------
  ----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
* {margin:0; padding:0; outline:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after,  {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; }
img {width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}
input[type="search"] {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
textarea {overflow:auto; vertical-align:top;}

body{margin:0; padding:0px; background:#fff; font-family: "Inter", sans-serif!important; color:#000; font-size:14px; font-weight:400; line-height:normal;}

@-webkit-keyframes flash {
  0% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

a{text-decoration:none; box-shadow:none; transition: all 0.4s ease-in-out 0s;}
a:hover{text-decoration:none; box-shadow:none; border-bottom:none; }
a:focus{text-decoration:none; box-shadow:none; border-bottom:none;}
strong{font-weight:600;}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
.full-img{ width:100%; height:auto; }

h1,h2{font-family: "Playfair Display", serif;}

h1, h2, h3, h4, h5, h6, p{margin-top:0px; letter-spacing:0px;}
.pull-left{float:left;}
.pull-right{float:right;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-transform{text-transform:uppercase;}
.image-left{ float:left; margin:0px 25px 15px 0px;}
.image-right{ float:right; margin:0px 0px 15px 25px;}
.alignleft{ float:left; margin:0px 25px 20px 0px;}
.alignright{ float:right; margin:0px 0px 20px 25px;}
.image-left img, .image-right img{ border:0px solid #fff;}
.image-middle{margin:0px auto 20px;}
.image-responsive{width:100%;}
.container{ max-width:1200px;}


html{overflow-x:hidden;}



/*==============topsection start=============*/
.topgreen-section{ width:100%; background:#394014; color:#FFF; padding-top:9px; padding-bottom:9px; }

.topgreen-section-left ul{ list-style:none; padding:0px; margin:0px; display:table; }
.topgreen-section-left ul li{ float:left; padding:0px; margin:0px 26px 0px 0px; }
.topgreen-section-left ul li a{ color:#ffffff; font-size:17px; line-height:30px; font-weight:500;
margin:0px 10px 0px 0px; }
.topgreen-section-left ul li img{ vertical-align:middle; margin-right:5px; }
.topgreen-section-left ul li a:hover{ color:#98d900; }

button.sub-menu-toggle{ display:none; }

.topgreen-section-right ul{ width:auto; list-style:none; float:right; display:table; padding:0px; border:0px solid red;}
.topgreen-section-right ul li{ float:left; padding:0px; margin:0px 7px; }
.topgreen-section-right ul li a{ width:27px; height:27px; border:2px solid #FFF; font-size:15px; line-height:22px;
font-weight:500; border-radius:50%; display:inline-block; text-align:center; color:#FFF; font-weight:600;}
.topgreen-section-right ul li a:hover{ color:#98d900;border:2px solid #98d900; }

.topsection{ padding-top:10px; padding-bottom:10px; }
.topsection01 .logosec .logosecm{ width:256px; }
.topsection01 .logosec .logosecm img{ width:100%; height:auto;; }

.topsection02{ padding-top:0px; width:100%; display:table; }


/*==============topsection end=============*/

/*==========banner-section start===========*/
.banner-section{ width:100%; height:auto; padding:0px; margin:0px auto; position:relative; background:#000;  }
.banner-section img.fullimg{ width:100%; height:auto; }

/*.banner-section::after{ width:60%; height:100%; background: rgba(0, 0, 0, 0.5); content:''; position:absolute; left:-11%;
top:0px;  transform: translate(0px, 0px) skew(-28deg, 0deg); z-index:3}

.banner-section::before{ width:65%; height:100%; background: rgba(255, 255, 255, 0.3); content:''; position:absolute; left:-11%;
top:0px;  transform: translate(0px, 0px) skew(-28deg, 0deg); z-index:2}*/


.banner-section .full-img-text{ width:100%; height:auto; position:absolute; left:0px; top:0px; z-index:99999; 
top:50%; color:#000; transform:translateY(-50%); -ms-transform:translateY(-50%); 
-webkit-transform:translateY(-50%); -o-transform:translateY(-50%); text-align:left; color:#FFF;}
.banner-section-text01{ float:right; }

.banner-section .full-img-text h6{ color:#FFF; font-size:23px; line-height:27px; font-weight:700; 
text-transform:uppercase; letter-spacing:2px; margin-bottom:5px;}
.banner-section .full-img-text h2{ color:#ffffff; font-size:60px; line-height:65px; font-weight:600; text-transform:uppercase;
margin-bottom:10px; }
.banner-section .full-img-text p{ color:#ffffff; font-size:18px; line-height:24px; font-weight:400; margin-bottom:25px; }
.banner-section .full-img-text a.enquire-btn{ background:#648904; color:#FFF; border:2px solid #6e9b04; font-size:17px; line-height:50px;
font-weight:600; display:inline-block; padding:0px 32px; border-radius:9px; }
.banner-section .full-img-text a.enquire-btn:hover{ background:#1b2103; }



.banner-section .bx-prev{left:2%; background: url(assets/images/banner-prev.png) no-repeat; width:41px; height:41px; position:absolute; 
top:45%; text-indent:-999999px; transition: all 0.4s ease-in-out 0s;}
.banner-section .bx-next{right:2%; background: url(assets/images/banner-next.png) no-repeat; width:41px; height:41px; position:absolute; 
top:45%; text-indent:-999999px; transition: all 0.4s ease-in-out 0s;}

.banner-section .bx-controls .bx-pager-item { margin:4px 4px; float:left; }
.banner-section .bx-controls .bx-pager-item .bx-pager-link{ width:14px; height:14px; background:#45484c; color:#45484c;
text-align:center; font-size:3px; line-height:14px; -webkit-border-radius:50%; -moz-border-radius:50%;
border-radius:50%; border:2px solid #FFF; display:inline-block; float:left;}
.banner-section .bx-controls .bx-pager-item .active{ background:#FFF!important; color:#FFF!important; border:2px solid #FFF!important; }

/*==========banner-section end===========*/

/*==============footer-section start===============*/
.footer-section{ width:100%; height:auto; padding:0px; margin:0px auto;}
.footer-top{ width:100%; background:#383838; color:#FFF; padding-top:60px; padding-bottom:60px; margin:0px auto;}
.footer-bottom{ width:100%; background:#1c1c1c; padding-top:25px; padding-bottom:25px; text-align:center; color:#FFF;}
/*==============footer-section start===============*/