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

:root {
  /********        Will apply on text, background, border and links      */
   --bs-body-color : #5B5B5B;

  --bs-primary:#929292;
  --bs-primary-rgb:146,146,146;
  --bs-primary-hover: #333333;

  --bs-light:#eee;
  --bs-light-rgb:238,238,238;

  --bs-secondary:#D9D9D9;
  --bs-secondary-rgb:217,217,217;

  --bs-dark:#333333;
}

/*    For pagination  */ 
.pagination {
  --bs-link-color:var(--bs-body-color);
  --bs-link-hover-color:var(--bs-body-color);
  --bs-pagination-active-bg:var(--bs-primary);
  --bs-pagination-active-border-color:var(--bs-primary);
}

html {scroll-behavior:smooth}
body {background:var(--bs-white);color:var(--bs-body-color);font-family: "Poppins", sans-serif;font-weight:400;font-size:18px;line-height:1.6;margin:0;padding:0}

/*******************      fonts css       **************************/

.ff-gloock{font-family: "Gloock", serif;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family: "Gloock", serif;}
.fw-thin{font-weight:200;}
.fs-13{font-size: 13px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}

/*******************      Extended Css       **************************/

.bg-opacity-30 {--bs-bg-opacity: 0.30;}
.link-primary:focus, .link-primary:hover {color:var(--bs-primary-hover)!important;}

/*******************      anchor css       **************************/

a {color:var(--bs-body-color);}
a.active,a:hover:not(.btn,.nav-link) {color:var(--bs-primary);}
a:not(.underline), a:not(.underline):hover {text-decoration:none;outline:0}
a.underline {text-decoration:underline;outline:0}
a.text-white:hover{opacity:0.7;}
.editor-content a{color: var(--bs-primary);}
.editor-content a:hover{color: var(--bs-primary-hover);}
a.stretched-link:hover.stretched-link::after {background-color:rgba(200, 200, 200, 0.1);}

/*******************      Letter spacing css       **************************/

.ls-n30 {letter-spacing:-.03em}
.ls-n50 {letter-spacing:-.05em}
.ls-50 {letter-spacing:.05em}
.ls-60 {letter-spacing:.06em}
.ls-100 {letter-spacing:.1em}
.ls-200 {letter-spacing:.2em}

/*******************      button css       **************************/

.btn {font-size:15px;font-weight:600;padding:12px 30px;text-decoration:none!important;text-transform:uppercase;letter-spacing:0.12em;}
.btn:disabled,.btn.disabled,fieldset:disabled .btn {opacity:.1!important}
.btn.btn-link:focus {border-color:transparent!important}

.btn-primary{border-color:var(--bs-primary)!important;background-color:var(--bs-primary)!important;color:var(--bs-white)!important;}
.btn-primary:hover,.btn-primary:focus{border-color:var(--bs-primary-hover)!important;background-color:var(--bs-primary-hover)!important;}

/*******************      Other css       **************************/

#ScrollToTop {background-color:var(--bs-primary);color:var(--bs-white);padding:1px 0px;border-radius:10px;font-size:25px;border-radius:50%;
width:50px;height:50px;line-height:50px;position:fixed;bottom:20px;right:30px;z-index:99;border:0;outline:0;cursor:pointer;}

#ScrollToTop:hover {background-color:var(--bs-primary-hover);}

.social-icons a{background-color:var(--bs-primary);color:var(--bs-white);font-size:18px;margin-right:15px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;display:inline-block;}
.social-icons a:hover{background-color:var(--bs-primary-hover);}

.carousel-indicators{bottom:-70px;}
.carousel-indicators  [data-bs-target] {width:12px;height:12px;border-radius:50%;margin-right:10px;opacity:1;background-color:var(--bs-body-color);}
.carousel-indicators .active{background-color:var(--bs-primary);}
.carousel-indicators [data-bs-target]:focus{border-color:transparent!important;}

.text-shadow{text-shadow:4px 0px 4px rgba(0,0,0,0.5);}

.fa-list1{ padding: 0;margin: 0;list-style-type: none;}
.fa-list1 li { display: flex;line-height: 1.5; margin-bottom: 10px;}
.fa-list1 li:before  {padding-right: 13px;content: "\f00c";font-size:20px;display: block;font-weight: 900;font-family: "Font Awesome 5 Free";}

.wow {visibility:hidden;}
.object-fit{-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

/*******************      Additional css       **************************/

.bottom-gradient{ position: absolute;top: 0px;z-index:1;height: 100%;width:100%; background: linear-gradient(to top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 90%);  }

/*   slick css   */
.slick-slide{margin:0px 15px;}
.slick-dots{bottom:-80px;}
.slick-dots li button:before{font-size:16px;line-height:18px; color: transparent;opacity: 1;border: solid 2px var(--bs-primary);border-radius: 50%;}
.slick-dots li.slick-active button::before {color: var(--bs-primary-hover);opacity: 1;}
.slick-arrow{display: none!important;}
   
/*******************      Padding css       **************************/

.py-100{padding-top:100px;padding-bottom:100px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.py-80{padding-top:80px;padding-bottom:80px;}


/*******************      Input Cotnrols css       **************************/

.form-floating > label,.form-control::placeholder{color:var(--bs-body-color);}
.form-floating > label.text-white:after{background-color:transparent!important;}
.form-check-input:checked {background-color:var(--bs-primary);border-color:var(--bs-primary);}


/*******************      Input Cotnrols css       **************************/

.wpcf7-spinner {display: block;}

button:focus,
textarea:focus,
textarea.form-control:focus,
select.form-select:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow:none!important;
  outline:0!important;
  border-color:var(--bs-gray-500)!important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color:var(--bs-gray-500);
  -webkit-box-shadow:0 0 0 1000px var(--bs-white) inset;
  transition:background-color 5000s ease-in-out 0s;
  font-size:15px
}

.page-link:focus{background-color: transparent;box-shadow: none;}