/****---- Google Font ----****/

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

/****---- Default CSS ----****/

*{ padding:0px; margin:0; box-sizing: border-box; }

html,
body { height: 100%; background-image: url(../images/body-bg.jpg); min-height: 100%; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; }
body{
    padding:25px;
}

a { text-decoration: none; transition: all 0.5s ease-in-out; }

a:focus,
a:hover { outline: none; text-decoration: none; }

img { max-width: 100%; height: auto; }

ul,
li { padding: 0px; margin: 0px; list-style: none }

p { font-size: 18px !important; line-height: 25px; color: #555555; font-family: "Montserrat", sans-serif; font-weight:500; margin-bottom:22px; }
p.text-white{ color:#ffffff; }

.text-right { text-align: right; }

.btn{ font-size:16px; color:#ffffff; font-weight:600; padding:15px 25px; border:solid 2px #fff !important; border-radius:0px; text-transform:uppercase; letter-spacing:1px; transition: all 0.5s ease-out; }
.btn-purple{ background-color: #853d50;}
.btn-purple:hover{ background-color:#305883; color:#fff; }
.btn.focus,
.btn:focus { box-shadow: none; }

.dropdown-toggle::after{ content: "\f078"; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 900; border:none; transform: none; display: inline-block; vertical-align: middle; width: 10px; margin-left: 5px; }

.text-purple{ color: #853d50;}
.text-blue{color: #305883;}
.text-white{ color:#ffffff;}

.bg-purple{ background-color: #853d50;}
.bg-blue{ background-color:#305883;}

.bg-purple-transparent{ background-color: #853d5005;}
.bg-blue-transparent{background-color: #30588305;}

.fw-700{ font-weight: 700;}
.fw-600{ font-weight: 600;}
.fw-400{ font-weight: 400 !important;}

.italic{ font-style: italic; }

#goToTopBtn { display: none; position: fixed; bottom: 20px; right: 20px; padding: 15px; background-color: #853d50; color: white; border: none; border-radius: 5px; cursor: pointer;  }
#goToTopBtn:hover { background-color: #305883;  }

.font-lato{font-family: "Lato", sans-serif !important; }
.font-montserrat{font-family: "Montserrat", sans-serif !important; }

.h1{font-family: "Montserrat", sans-serif !important; font-size:60px; font-weight:400; letter-spacing: 2px;  line-height:1; margin:0px !important; }
.h2{ font-size:56px; line-height:normal; font-family: "Lato", sans-serif; letter-spacing: 2px; line-height:1; }
.h3{ font-size:48px; line-height:normal; font-family: "Lato", sans-serif; letter-spacing: 2px; line-height:1; }
.h4{ font-size:40px; line-height:normal; font-family: "Lato", sans-serif; letter-spacing: 2px; line-height:1; }
.h5{ font-size:35px; line-height:normal; font-family: "Lato", sans-serif; letter-spacing: 2px; line-height:1; }
.h6{ font-size:22px; line-height:normal; font-family: "Lato", sans-serif; }

.more-btn{ position: relative; font-size:14px; color:#305883; text-align:center; margin:0px auto; padding: 10px 0px; }
.more-btn:after{ content:''; width:20%; margin:0px auto; background-color:#853d50; height:2px; position: absolute; margin:auto; bottom:0; left:0; right:0; transition: all 0.5s ease-out; }
.more-btn:hover:after{ width:100%; background-color: #305883;}


.container{ background-color:#eeeeee; }


section{padding:70px 0px !important;}