@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400..700&family=Montserrat:wght@100..900&display=swap');

:root {
  /********        Will apply on text, background, border and links      */
  --bs-body-size : 16px;
  --bs-body-color : #242424;
  --bs-body-bg : #fff;

  --bs-primary:#1D4084;
  --bs-primary-rgb: 29,64,132;
  --bs-primary-hover: #3460b7;

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

  --bs-secondary:#979797;
  --bs-secondary-rgb:151,151,151;
  
  --ff-secondary : "Lora";
}

/*    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-body-bg);color:var(--bs-body-color);font-family: "Montserrat", sans-serif;font-weight:400;font-size:var(--bs-body-size);line-height:1.6;margin:0;padding:0}

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

.ff-mont{font-family: var(--ff-secondary);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family:var(--ff-secondary);}
.fw-semi{font-weight:600;}
.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;}
.opacity-hover:hover{opacity: 80%;}
.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,.active) {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);}

/*
a.stretched-link img, a.woocommerce-loop-product__link img{transition: transform .3s;}
a.stretched-link:hover img, a.woocommerce-loop-product__link:hover img{transform: scale(1.04);}
*/

/*******************      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:13px;font-weight:600;padding:14px 35px;text-decoration:none!important;text-transform:uppercase;letter-spacing: 0.04em;}
.btn.btn-lg {font-size:var(--bs-body-size);font-weight:600;padding:12px 20px;}
.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:5px 0px 5px rgba(0,0,0,0.7);}

.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;vertical-align: middle;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       **************************/


   
/*******************      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-placeholder);}
.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;}
.page-link:focus{background-color: transparent;box-shadow: none;}

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;
}

/*   button.navbar-toggler:focus{border-color:var(--bs-white)!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
}