@font-face {
    font-family: "";
    src: url();
}

@font-face {
    font-family: "Inter SemiBold";
    src: url(./Fonts/Inter/static/Inter-SemiBold.ttf);
}

@font-face {
    font-family: "Inter Medium";
    src: url(./Fonts/Inter/static/Inter-Medium.ttf);
}

@font-face {
    font-family: "Inter Regular";
    src: url(./Fonts/Inter/static/Inter-Regular.ttf);
}

@font-face {
    font-family: "Playfair Display Bold";
    src: url(./Fonts/Playfair_Display/static/PlayfairDisplay-Bold.ttf);
}

@font-face {
    font-family: "Prata Regular";
    src: url(./Fonts/prata/Prata-Regular.ttf);
}

.inter-semi-bold-font {
    font-family: "Inter SemiBold";
}

.inter-medium-font {
    font-family: "Inter Medium";
}

.inter-regular-font {
    font-family: "Inter Regular";
}

.playfair-bold-font {
    font-family: "Playfair Display Bold";
}

body {
    background-color: #fff;
}

body p {
    font-family: "Inter Regular";
    margin: 0;
    color: grey;
    font-size: 18px;
}

body .subtitle-font {
    font-family: "Prata Regular";
    color: grey;
}

@media (min-width: 992px) {
    body .subtitle-font {
        font-size: 23px;
    }
}

body h2 {
    font-family: "Prata Regular";
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    body h2 {
        font-size: 42px;
    }
}

body h3 {
    font-family: "Prata Regular";
    font-size: 27px;
}

.img-fluid {
    width: 100%;
}

.gold {
    color: #c4ad88 !important;
}

.bg-darkblue {
    background-color: #0b1425 !important;
}

.btn-primary {
    background-color: #c4ad88;
    border-color: #c4ad88;
    color: #000;
    border-radius: 5em;
    padding: 10px 30px;
    font-family: "Inter Medium";
    font-size: 18px;
}

header .info-bar {
    background-color: #2b375d;
    font-size: 12px;
}

header .info-bar .contents > div {
    font-size: 14px;
}

header .info-bar .contents > div i {
    color: #c4ad88;
    padding-right: 5px;
}

header .info-bar .contents > div a {
    text-decoration: none;
}

header .info-bar .contents > div span {
    color: #808080;
}

header .navbar {
    background-color: #121621;
    border-bottom: 4px solid #c4ad88;
}

header .navbar-nav {
    margin-left: auto;
}

header .navbar-brand img {
    width: 200px;
}

header .navbar .nav-item .active {
    border-bottom: 2px solid #c4ad88;
}

@media (min-width: 992px) {
    header .navbar-brand img {
        width: 250px;
    }
    header .navbar .nav-item .active {
        border: 2px solid #c4ad88;
        border-radius: 15px;
    }
}

#slider .slick-dots {
    bottom: 25px;
}

#slider .slick-dots li button:before {
    color: #c4ad88;
}

#slider .slide-content {
    height: 100vh;
    background: url("./images/BG.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#slider .copy {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#slider .copy h1 {
    font-size: 40px;
}

#slider .copy h1 span {
    font-size: 30px;
}

@media (min-width: 992px) {
    #slider .copy h1 {
        font-size: 68px;
    }
    #slider .copy h1 span {
        font-size: 58px;
    }
}

#slider .copy p {
    max-width: 600px;
}

#why-terry .d-lg-grid {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px;
}

@media (min-width: 992px) {
    #why-terry::before {
        content: "";
        border-left: 2px solid #e5e6e8;
        height: 100%;
        position: absolute;
        top: 50%;
        left: -3%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

#welcome-corsianos {
    background: url("./images/pen-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

#welcome-corsianos #more {
    display: none;
}

#welcome-corsianos .signature img {
    width: 300px;
}

#welcome-corsianos .signature .sign img {
    width: 200px;
}

#practiceareas .copy {
    background-color: #2b375d;
}

#practiceareas .copy p {
    font-size: 14px;
}

#practiceareas hr {
    margin: 0;
    border: 3px solid #c4ad88;
    opacity: 1;
}

@media (min-width: 768px) {
    #practiceareas img {
        height: 150px;
    }
    #practiceareas .copy h3 {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    #practiceareas .header {
        -ms-grid-columns: 300px auto;
        grid-template-columns: 300px auto;
        grid-gap: 100px;
    }
    #practiceareas .header h2 span {
        position: relative;
    }
    #practiceareas .header h2 span::before {
        content: "";
        border-top: 1px solid #c4ad88;
        width: 50px;
        display: block;
        position: absolute;
        top: -30px;
    }
    #practiceareas .copy h3 {
        font-size: 20px;
    }
    #practiceareas img {
        height: 250px;
    }
}

#testimonials {
    background-color: #0b1425;
}

#testimonials .rating-stars {
    color: #ffd700;
}

#testimonials .testimony-slider {
    height: 50vh;
}

@media (min-width: 992px) {
    #testimonials .testimony-slider {
        height: 30vh;
    }
}

#testimonials .testimony-slider .slick-prev {
    left: 0;
}

#testimonials .testimony-slider .slick-next {
    right: 0;
}

#contact {
    background-color: #0b1425;
}

#contact hr {
    border: 2px solid #c4ad88;
    opacity: 1;
}

#contact .row {
    background: #0b1425e6;
}

#contact .faq-section {
    background-color: #0b1425;
}

#contact .faq-section .accordion-header {
    margin-top: 0;
}

#contact .faq-section .accordion-item {
    background-color: none;
    border: 1px solid #5a5a5a;
}

#contact .faq-section .accordion-button {
    border-bottom: 1px solid #5a5a5a;
}

#contact .faq-section .accordion-button::after {
    content: "+";
    color: white;
    font-size: 25px;
    font-weight: 900;
    background: none;
    width: unset;
    height: unset;
}

#contact .faq-section .accordion-button:not(.collapsed)::after {
    content: "-";
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: none;
    transform: none;
}

#contact .form-section {
    background: url(./images/bookshelf.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#contact .form-section input,
#contact .form-section #message {
    background: transparent;
    border: 1px solid #5a5a5a;
    color: #c4ad88;
}

@media (min-width: 992px) {
    #contact {
        background-color: initial;
    }
    .contact-nice{
       margin-top:100px;

    }
}

footer img {
    width: 250px;
    display: block;
    margin: 0 auto;
}

footer a {
    text-decoration: none;
    display: block;
}

footer ul {
    list-style: none;
}

footer ul li a {
    color: #000;
    font-family: "Inter Regular";
}

footer .other-links p {
    font-size: 12px;
}

@media (min-width: 992px) {
    footer img {
        margin: 0;
    }
}


.morelss{
    text-decoration: none;
    color: whitesmoke;
}

.morelss:hover{
    text-decoration: none;
    color: #ccc;
}

#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: green; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#topBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.a-links{
    color:#c4ad88 !important;
}

.a-links:hover{
    color:#B39666 !important;
}

.articles-nav li{
     margin-bottom: 10px;  
}

.welcome  {
    font-family: "Prata Regular";
    color: grey;
    font-size: 32px;
}

.contact-phones{
    color: #c4ad88;
}

.contact-phones a{
    text-decoration:none
}


.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
  color: white;
}
.prev-arrow{
  left: -40px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-color:#0b1425;
}
.next-arrow{
  right: -40px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 15px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-color :#0b1425;
}

.error{
    color:red;
}