:root {
    --bg-white: #ffffff; 
    --bg-platinum-grey: #f2fffc;
    --bg-olive-green: #913689;
    --heading-font: "Montserrat", sans-serif;
    --p-font: "Poppins", sans-serif;
    --p-color: #787878;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-blue: #002b7a;
    --border-color-green: #913689;
    --btn-padding: 12px 30px;
    --btn-radius: 30px;
    --btn-transition: ease-in-out all 0.2s;
    --color-green: #913689;
    --heading-margin-bottom: 30px;
    --btn-blue-bg: #002b7a; 
    --border-blue: #002b7a; 
}

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

a { text-decoration: none;}
p { font-family: var(--p-font); font-size: 15px; color: var(--p-color); line-height: 1.9; }
body { background-color: var(--bg-white); }
h1 { font-family: var(--heading-font); margin-bottom: var(--heading-margin-bottom); font-weight: 700; color: var(--color-black); }
h2, h3, h4, h5, h6 { font-family: var(--heading-font); margin-bottom: var(--heading-margin-bottom); font-weight: 700; color: var(--color-blue); text-transform: uppercase;}
.bg-platinum-grey { background-color: var(--bg-platinum-grey); padding: 80px 0; }

.btn-custom { border: solid 2px var(--border-color-green); color: var(--color-white); background-color: var(--bg-olive-green); border-color: var(--bs-btn-hover-border-color); padding: var(--btn-padding); border-radius: var(--btn-radius); transition: var(--btn-transition); text-transform: uppercase; font-weight: 600; font-size: 13px; letter-spacing: 1px; margin: 30px 0 0 0;}
.btn-custom:hover { border: solid 2px var(--border-color-green);  transition: var(--btn-transition);  }

.btn-custom-outline { border: solid 2px var(--border-color-green); border-radius: var(--btn-radius); padding: var(--btn-padding); border-radius: var(--btn-radius); transition: var(--btn-transition); text-transform: uppercase; font-weight: 600; font-size: 13px; letter-spacing: 1px; }
.btn-custom-outline:hover { background-color: var(--bg-olive-green); color: var(--color-white);}

.btn-custom-2 { border: solid 2px var(--border-blue); color: var(--color-black); background-color: var(--bg-white); border-color: var(--bs-btn-hover-border-color); padding: var(--btn-padding); border-radius: var(--btn-radius); transition: var(--btn-transition); text-transform: uppercase; font-weight: 600; font-size: 13px; letter-spacing: 1px;}
.btn-custom-2:hover { border: solid 2px var(--border-blue); transition: var(--btn-transition);  }

header { padding: 0; background-color: var(--bg-platinum-grey);}
header .header-logo { padding: 10px 0;}
header .header-logo a img { width: 125px; }
.top-header { position: relative;}
.top-header::before { position: absolute; content: ""; height: 136px; top: 0; left: -20px; width: 3px; background-color: var(--bg-olive-green);  -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg);}
.contact-detail { background-color: var(--bg-olive-green); padding: 10px 30px; width: 100%; position: relative; -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); display: flex; justify-content: space-between;}
.contact-detail p { margin: 0; font-family: var(--font-libre-baskerville); -webkit-transform: skewX(25deg); -ms-transform: skewX(25deg); transform: skewX(25deg); color: #ffffff; font-weight: 600; font-size: 16px;}
.contact-detail p a { color: #ffffff; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 15px 35px 15px 0px; font-weight: 500; }
.navbar-expand-lg .navbar-nav .nav-link:hover { color: var(--color-green); }
.carousel-indicators [data-bs-target] { width: 30px; height: 4px; background-color: var(--bg-olive-green); }
.carousel-indicators .active { opacity: 1; width: 60px; background-color: var(--bg-olive-green); }

.carousel-inner { position: relative; }
.slider-section { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-repeat: no-repeat; background-size: cover; height: 100%; display: flex; align-items: center;  }
.slider-section:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(242,242,242); background: linear-gradient(270deg, rgb(242 242 242 / 37%) 48%, rgb(255 255 255) 100%); }
.slider-section h1 { color: #000000; font-size: 42px; text-transform: uppercase; position: relative; }
.slider-section h1 span { color: #913689; background-color: #ffffff8c; padding: 0 10px; backdrop-filter: blur(6px); border-radius: 5px; }
.slider-section p { color: #333333; font-weight: 450; font-size: 16px; position: relative; margin: 0;  }
.slider-section ul { display: block; width: 100%; padding: 0; margin: 20px 0 0 0; position: relative; }
.slider-section ul li { list-style: none; display: inline-block; padding: 10px 30px; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; color: var(--color-white);}
.slider-section a { position: relative; font-size: 16px; color: #913689; margin: 30px 0 0 0; }
.form { background-color: rgb(255 255 255 / 32%); padding: 30px; backdrop-filter: blur(10px); border-radius: 10px;}
.form h3 { font-weight: 600;}
.form h4 { font-size: 21px;}
.form-control { padding: 12px 30px; border: none; border-radius: 30px; margin: 0 0 20px 0; border: 1px solid #d1d1d1;}

.slick-list.draggable { padding: 0 60px 0 0 !important; }
.slick-slide {  margin: 0px 20px 0 0; }
.slick-slide img { width: 100%; }
.slick-prev:before, .slick-next:before { color: black; position: relative; left: 10px; }
.slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.slick-active { opacity: 1;}
.slick-current { opacity: 1; }
.slick-prev, .slick-next { height: 40px; width: 40px; line-height: 40px; }
.slick-next { right: -20px; }
.slick-prev { left: -20px; }

.step-section { margin: 80px 0 0 0; }
.step-section .step-img { border-radius: 10px; }
.step-section .step-img img { border-radius: 10px; border: 1px solid #e8e5e4; padding: 15px; box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.08); }
 
.service-wrape { padding: 80px 0; margin: 80px 0 0 0; background-color: #fff6ef; overflow: hidden;}
.service-wrape h2 { font-size: 30px; text-transform: uppercase;}
.service-wrape .card { border: none; border-radius: 10px; } 
.service-wrape .card a .card-image { position: relative;}
.service-wrape .card a .card-image img { height: 300px; border-radius: 10px; object-fit: cover; object-position: center; }
.service-wrape .card a .card-content { padding: 0; position: absolute; bottom: 15px; left: 20px; text-align: center; right: 20px; }
.service-wrape .card a .card-content h4 { font-size: 18px; border-radius: 10px; margin: 0; background-color: #91368966; color: #ffffff;padding: 15px; backdrop-filter: blur(10px); font-weight: 600; text-transform: none; }
.service-wrape .card a:hover .card-content h4 { background-color: #d59f719c; color: #000000; transition: ease-in-out all 0.2s; }

.about-wrape { padding: 80px 0; }
.about-wrape h2 { text-transform: uppercase;}
.about-wrape p{ margin: 0; font-size: 14px;}
.about-wrape .btn-custom-outline { margin: 30px 0 0 0; text-align: center; }
.about-wrape .about-wrape-image { position: relative; }
.about-wrape .about-wrape-image .about-wrape-image-2 { position: absolute; bottom: -55px; right: -60px; }
.about-wrape .about-wrape-image .about-wrape-image-2 img { height: 120px; -webkit-animation:spin 5s linear infinite; -moz-animation:spin 5s linear infinite; animation:spin 5s linear infinite; }
.about-wrape .about-wrape-image img { box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.08); height: 450px; border-radius: 10px; object-fit: cover; object-position: center; }


.advantage-section { padding: 80px 0; }
.advantage-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; }
.advantage-detail { padding: 24px 15px; text-align: center; background-color: transparent; border-right: 1px solid #e8e5e4; display: flex; flex-direction: column; height: 100%; width: 100%; }
.advantage-detail:last-child { border-right: none; }
.advantage-icon { width: 70px; height: 70px; margin: 0 auto 20px auto; background-color: var(--bg-olive-green); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.advantage-icon img { width: 40px; }
.advantage-detail h6 { text-transform: none; color: var(--color-blue); font-size: 18px; margin: 0 0 10px 0; }
.advantage-detail p { margin: 0; }

.get-quote-wrape { background: rgb(0,14,70); background: linear-gradient(270deg, rgba(0,14,70,1) 0%, rgba(31,24,0,1) 100%); padding: 80px 0; margin-top: 50px; display: inline-block; width: 100%;}
.get-quote-wrape h4 { position: relative; display: inline-block; margin: 0; color: #ffffff; font-size: 21px; text-transform: uppercase;}
.get-quote-wrape h4::after { display: none; content: ""; position: absolute; background-color: var(--bg-white); height: 1px; right: -120px; z-index: 1; width: 100px; top: 12px; }
.get-quote-wrape h5 { margin: 0; color: #ffe6d1; border-left: 4px solid #913689; padding: 10px 0 10px 20px; }
.get-quote-wrape .btn-custom-outline { border-color: #ffffff; color: #ffffff; }
.get-quote-wrape:hover .btn-custom-outline { border-color: var(--border-color-green); background-color: var(--bg-olive-green);} 

.profile-wrape { padding: 80px 0; background-color: #fff6ef; }
.profile-wrape h2 { margin: 0 0 15px 0;}
.profile-wrape h5 { color: var(--color-green); margin: 0 0 15px 0;}
.profile-wrape .dr-photo { position: relative; text-align: center;}
.profile-wrape .dr-photo img { border-bottom: none; border-radius: 10px; box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.08);}
.profile-wrape .univ-logo { min-width: 100%; border: 1px solid #d1d1d1; bottom: 15px; padding: 15px; border-radius: 10px; background-color: #ffffffad; backdrop-filter: blur(10px); box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.08); display: flex; gap: 20px; justify-content: center; align-items: center; }
.profile-wrape .univ-logo p { margin: 0; line-height: 1.5; font-size: 14px; }
.profile-wrape .univ-logo img { width: 180px; border-right: 1px solid #d1d1d1; padding: 24px 15px 24px 0; }
.profile-wrape ul { display: inline-block; padding: 0;}
.profile-wrape ul li { list-style: none; text-transform: uppercase; font-size: 21px; font-weight: 600; position: relative; letter-spacing: 3px; padding-left: 60px; margin: 0 0 20px 0;}
.profile-wrape ul li::before { position: absolute; content: ""; height: 2px; width: 45px; left: 0; top: 15px; background-color: var(--color-black);}
.fact-section { padding: 80px 0;}
.fact-section .fact-detail { text-align: center; padding: 30px 24px; border-right: 1px dashed var(--border-color-green); }
.fact-section .fact-detail h1 { font-size: 42px; font-weight: normal; color: var(--color-green); margin: 0 0 15px 0;}
.fact-section .fact-detail h3 { font-size: 14px; margin: 0; color: var(--color-black);}

.address-section { padding: 80px 0; background-color: #fff6ef; }
.address-section .card { border-radius: 8px; border: 1px solid #e8e5e4; padding: 0; box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.08); }
.address-section .card .card-body { padding: 24px;}
.address-section .card .card-body hr { border-top: 1px solid #9d9d9d; margin: 15px 0; }
.address-section .card .card-body h4 { margin: 0 0 10px 0; font-size: 18px; color: var(--color-green); }
.address-section .card .card-body h5 { text-transform: none; margin: 0 0 8px 0; font-size: 16px; }
.address-section .card .card-body h6 { text-transform: none; margin: 0 0 10px 0; font-size: 15px; font-weight: 600; }
.address-section .card .card-body p { margin: 0; display: flex; align-items: center; gap: 10px; }
.address-section .card .card-body p i { display: flex; align-items: center; justify-content: center; height: 35px; width: 35px; min-width: 35px; min-height: 35px; border: 1px solid #e8e5e4; border-radius: 100%;}

footer { background: rgb(0, 14, 70); background: linear-gradient(270deg, rgba(0, 14, 70, 1) 0%, rgba(31, 24, 0, 1) 100%); padding: 50px 0 0 0; }
footer h4 { margin: 0 0 15px 0; color: var(--bg-white);}
footer p { color: var(--color-white); font-size: 16px; margin: 0 0 5px  0; font-weight: 450;}
/* footer p i { border: 1px solid var(--color-blue); height: 35px; width: 35px; line-height: 35px !important; border-radius: 100%; color: var(--color-blue); margin-right: 5px; font-size: 14px; } */
footer p a { color: var(--color-white); transition: ease-in-out all 0.3s;}
footer p a:hover { color: var(--color-green);}
.bootom-footer { padding: 15px 0; border-top: 1px solid #ffffff42; margin: 30px 0 0 0;}
.bootom-footer p { font-weight: normal; }

.modal-content { background-color: rgb(255 255 255 / 65%); padding: 30px 20px; backdrop-filter: blur(10px); border-radius: 10px; border: none; position: relative; }
.modal-content .modal-body { padding: 0;}
.modal-content .modal-body img { height: 100%; width: 100%; border-radius: 10px; border: 1px solid #d1d1d1; object-fit: cover; object-position: center;}
.modal-content .modal-body h5 { text-transform: none; margin: 20px 0 15px 0;}
.btn-close { position: absolute; top: 20px; right: 20px; opacity: 1; z-index: 9; }