body { color:#000; font-family:Montserrat !important; }
@font-face { font-family:Playlist; src:url(../fonts/Playlist.ttf); }
:root { --main-color:#00618C; --main-color-1:#2C6583; }
a, i, button { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }

header { left:0; padding:34px 0; position:absolute; right:0; top:0; }
header .logo, footer .logo { float:none !important; width:auto !important; }
.call-btn { color:#fff; display:block; font-size:16px; margin-left:auto; text-align:right; text-transform:uppercase; }
.call-btn b { display:block; font-size:28px; font-weight:800; padding:9px 0 0; }
.call-btn strong { align-items:center; background-color:var(--main-color); border-radius:50%; display:flex; height:44px; justify-content:center; text-align:center; width:44px; }
.call-btn strong img { height:22px; }
.call-btn:hover { color:var(--main-color); }

.main { background-color:var(--main-color); background-image:url(../images/banner.webp) !important; background-position:top left; background-size:cover; border-bottom:8px solid var(--main-color); padding:125px 0 45px; }
.main h1 { color:#000; font-family:Playlist; font-size:98px; line-height:1.25; margin:32px 0 -8px; position:relative; }
.main h2 { color:#000; font-size:45px; font-weight:normal; margin:0; text-transform:uppercase; }
.main h3 { color:var(--main-color); font-size:18px; font-weight:bold; margin:45px 0 30px; }
.main li { color:#030303; font-size:18px; padding:0 0 14px 45px; position:relative; }
.main li::before { background-image:url(../images/check.webp) !important; background-position:center center; background-repeat:no-repeat; background-size:contain; content:''; height:30px; left:0; position:absolute; top:2px; width:30px; }
.main li b { display:block; }

.ban-form { background-color:#fff; border-radius:4px; box-shadow:8px 8px 10px 0 rgba(126, 175, 212, 0.10); padding:22px 25px 30px; text-align:center; }
.ban-form h3 { color:#000; font-size:18px; font-weight:bold; margin:0 0 24px; }
.ban-form h3 b { color:var(--main-color); display:block; font-size:22px; font-weight:bold; }
.ban-form p { color:#777; font-size:10px; line-height:1.6; margin:0 0 15px; text-align:left; }
.ban-form p b { font-weight:700; }

.in-box { margin:0 0 16px; }
.box input, .box textarea { background-color:#ebf4f8 !important; border:1px solid #ebf4f8 !important; border-radius:4px; color:var(--main-color); box-shadow:none !important; font-family:Montserrat !important; font-size:14px !important; font-weight:500; outline:none; padding:9px 10px !important; width:100% !important; }
.box input:focus, .box textarea:focus { border:1px solid var(--main-color) !important; }
.box input:focus::placeholder, .box textarea:focus::placeholder { color:transparent !important; }
.box input::placeholder, .box textarea::placeholder { color:var(--main-color) !important; opacity:1 !important; }
.sub-btn, .ban-form .gform_footer input { background-color:var(--main-color) !important; border:none !important; border-radius:8px !important; color:#fff !important; display:inline-block; font-family:Montserrat !important; font-size:15px !important; font-weight:600 !important; line-height:normal !important; padding:16px 0 !important; text-shadow:none !important; text-transform:uppercase; }
.sub-btn:hover, .ban-form .gform_footer input:hover { background-color:#fff !important; box-shadow:0 0 5px #999; color:var(--main-color-1) !important; }
.ban-form .gform_footer { margin:0 !important; padding:0 !important; }
.ban-form .gform_wrapper.gravity-theme .gform_validation_errors { background-color:transparent; border:none; box-shadow:none; padding:0; margin:0; text-align:left; }
.ban-form .gform_wrapper.gravity-theme .gform_validation_errors .gform-icon.gform-icon--circle-error { display:none; }
.ban-form .gform_wrapper.gravity-theme .gform_validation_errors h2, .ban-form .validation_message { border:none !important; color:#f00 !important; font-size:11px !important; margin:0 !important; text-align:left; text-transform:none; }

.wedding-sec { background-color:#fff; padding:70px 0 90px; position:relative; text-align:center; z-index:0; }
.wedding-sec::after { background-image:url(../images/wedding-bg.webp) !important; background-position:top center; background-repeat:no-repeat; background-size:100% auto; bottom:0; content:''; height:445px; left:0; position:absolute; right:0; z-index:-1; }
.wedding-sec h2 { color:#030303; font-size:40px; font-weight:bold; margin:0 0 25px; text-transform:capitalize; }
.wedding-sec h2 strong { color:var(--main-color); display:block; font-weight:bold; }
.wedding-sec p, .bride-sec p, .meet-sec p { color:#3B3B49; font-size:18px; line-height:1.6; margin:0; }
.wedding-box { background-color:#D4ECF7; border-radius:20px; box-shadow:10px 10px 50px 0 rgba(0,0,0,0.15); margin:50px 0 0; padding:50px 90px; text-align:left; }
.wedding-box h3, .journey-sec h2, .bride-sec h2 { color:var(--main-color); font-size:40px; font-weight:bold; line-height:1.1; margin:0 0 15px; }
.wedding-img { border-radius:0; margin-left:45px; position:relative; z-index:0; }
.wedding-img::before { background-color:var(--main-color); border-radius:240px 240px 0 0; bottom:0; content:''; left:0; position:absolute; right:-10px; top:0; z-index:-1; }
.wedding-img img { border-radius:240px 240px 0 0; margin:0 0 -6px; }

.procedures-sec { background:linear-gradient(77deg, #0F496A 23.64%, #236489 100%); padding:70px 0; text-align:center; }
.procedures-sec h2 { color:#fff; font-size:40px; font-weight:bold; margin:0 0 30px; }
.procedures-sec .col-lg-4, .journey-sec .col-lg-4, .bride-sec p { margin:0 0 35px; }
.procedures-box { background-color:#fff; border:1px solid #AEBDF0; border-radius:10px; box-shadow:0 4px 4px 0 rgba(174,189,240,0.25); height:100%; padding:14px; }
.procedures-box img { border-radius:10px; }
.procedures-box h3 { color:var(--main-color-1); font-size:20px; font-weight:bold; margin:20px 0 7px; }
.procedures-box p, .journey-sec p { color:#3B3B49; font-size:16px; line-height:1.6; margin:10px 0; }
.sch-btn { border:2px solid #fff; border-radius:8px; box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); color:#fff; display:inline-block; font-size:16px; font-weight:700; padding:15px 25px; text-shadow:0 1px 0 rgba(0,0,0,0.20); text-transform:uppercase; }
.sch-btn:hover { background-color:#fff; color:var(--main-color); }

.journey-sec { background-color:#fff; background-image:url(../images/journey-bg.webp) !important; background-position:right center; background-repeat:no-repeat; background-size:380px auto; padding:70px 0 120px; text-align:center; }
.journey-sec h2 { margin:0 0 125px; }
.journey-sec h3 { color:var(--main-color-1); font-size:24px; font-weight:bold; margin:50px 0 12px; }
.journey-sec p { letter-spacing:0.32px; margin:0; }
.journey-img { background-color:#fff; box-shadow:0 0 35px #ddd; padding:16px; position:relative; }
.journey-img strong { align-items:center; background-color:var(--main-color-1); border-radius:50%; color:#fff; display:flex; font-size:40px; font-weight:700; height:70px; justify-content:center; margin:-35px auto 0; position:relative; width:70px; }
.journey-sec .sub-btn, .meet-sec .sub-btn, .bride-sec .sub-btn { padding:15px 23px !important; width:auto !important; }

.meet-sec { background-color:#fff; background-image:url(../images/meet-bg.webp), url(../images/meet-bg1.webp) !important; background-position:center left, right 154%; background-repeat:no-repeat; background-size:230px auto, 170px auto; padding:0 0 65px; }
.meet-sec .wedding-box { margin:0; }
.meet-sec p { color:#030303; }
.meet-sec .wedding-box p b { font-weight:700; }
.meet-img { position:relative; }
.meet-img img:first-child { border-radius:40px; }
.meet-img img:nth-child(2) { height:140px; position:absolute; right:-45px; top:28px; width:140px; } 
.wedding-box.dd { background-color:transparent; box-shadow:none; margin:130px 0 0; padding:0; }
.meet-sec .wedding-box.dd p { color:#3B3B49; margin:0 0 28px; }

.testimonial-sec { background:linear-gradient(77deg, #0F496A 23.64%, #236489 100%); padding:80px 0 120px; text-align:center; }
.testimonial-sec h2 { color:#fff; font-size:16px; font-weight:700; letter-spacing:1.76px; margin:0; text-transform:uppercase; }
.testimonial-sec h3 { color:#fff; font-size:28px; font-weight:700; margin:25px 0 70px; }
.testimonial-sec .owl-stage { display:flex; text-align:left; }
.testi-box { background-color:#fff; height:100%; padding:48px 28px 28px; position:relative; }
.testi-box::before { background-image:url(../images/comma.svg) !important; background-size:cover; content:''; height:46px; left:28px; position:absolute; top:25px; width:63px; }
.star { color:#f6cb53; display:flex; font-size:13px; gap:5px; justify-content:flex-end; }
.testi-box h4 { color:#23648A; font-size:15px; font-weight:700; margin:15px 0 7px; }
.testi-box p { color:#777; font-size:15px; line-height:1.6; margin:0 0 110px; }
.testi-box p strong { border-top:2px solid #23648A; bottom:0; color:#23648A; display:block; font-size:14px; font-weight:normal; left:28px; padding:15px 0 35px; position:absolute; right:28px; text-align:right; }

.bride-sec { background-color:#fff; background-image:url(../images/bride-bg.webp), url(../images/bride-bg1.webp) !important; background-position:left 190%, right 448%; background-repeat:no-repeat; background-size:280px auto, 250px auto; padding:45px 0 0; }
.bride-sec .col-lg-5, .bride-sec .col-lg-7 { align-self:center; }
.bride-sec img { margin:0 0 -6px; }

footer { background:var(--Linear, linear-gradient(77deg, #236489 0%, #0F496A 76.36%)); padding:90px 0 35px; }
footer .call-btn { border-top:2px solid #B6D7E6; margin:60px 0 48px; padding:60px 0 0; text-align:left; }
footer .call-btn:hover { color:#000; }
footer .call-btn b { font-weight:700; padding:0 0 20px; }
footer h6:nth-last-child(2) { border-top:1px solid rgba(165, 201, 255, 0.25); margin:70px 0 0; padding-top:40px; }
footer h6:nth-last-child(2) a { margin:0; }
footer h6 { color:#B6D7E6; font-family:Montserrat !important; font-size:14px; font-weight:normal; line-height:1.6; margin:0; padding:8px 0; text-align:center; text-transform:none; }
footer h6 a { color:#B6D7E6; margin:0 20px; text-decoration:underline; }
footer h6 a:hover { color:#fff; }
footer p { color:#fff; font-size:16px; line-height:1.8; margin:0 0 20px; }
footer p strong { display:block; font-weight:700; }


/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
.row { --bs-gutter-x:0; }	
header { padding:18px 0; }	
header .col-lg-5 { align-self:center; width:70%; }
header .col-lg-7 { align-self:center; width:30%; }
header .call-btn, header .call-btn b { font-size:0; display:flex; justify-content:end; }
.logo { width:170px !important; }
.main { background-image:url(https://www.perimeterplasticsurgery.com/wp-content/uploads/2024/09/banner-mobile.webp) !important; }
.main h1 { font-size:70px; margin:0 0 -8px; }
.main h2, .procedures-sec h2, .bride-sec h2 { font-size:30px; }
.ban-form { margin:15px 0 0; }
.wedding-sec { padding:55px 0 65px; }
.wedding-sec::after { background-size:150% auto; height:200px; }
.wedding-sec h2, .wedding-box h3 { font-size:26px; line-height:1.2; }
.wedding-sec p { font-size:16px; }
.wedding-img { margin:25px 10px 0 0; }
.journey-sec, .testimonial-sec { padding:70px 0; }
.journey-sec h2 { font-size:30px; margin:0 0 40px; }
.journey-sec h3 { margin:25px 0 12px; }
.meet-sec { background-position:center left, right 122%; background-size:140px auto, 150px auto; }
.meet-img { margin:25px 35px 0 0; }
.wedding-box.dd { margin:55px 0 0; }
.bride-sec { background-position:left 150%, right 190%; background-size:240px auto, 220px auto; }
.bride-sec .col-lg-7 { margin-top:30px; order:2; }
.testimonial-sec h3 { font-size:20px; line-height:1.4; margin:25px 0 35px; }
footer { padding:50px 0 35px; }
footer .logo { width:200px !important; }
footer .call-btn { margin:35px 0 30px; padding:35px 0 0; }
}

@media (min-width:320px) and (max-width:991.98px){
.ban-form .gform_footer input { font-size:13px !important; }
.wedding-box { margin:40px 0 0; padding:35px 30px; }	
}

@media (min-width:768px){
.call-btn strong { display:none; }	
.procedures-sec .row { justify-content:center; }
.journey-box { background-image:url(../images/line1.svg) !important; background-position:center 100px; background-repeat:no-repeat; }
.journey-img { transform:rotate(6.45deg); }
.journey-sec .col-lg-4 { padding:0 60px; margin:0; }
.journey-sec .col-lg-4:nth-child(2) { margin:-60px 0 0; }
.journey-sec .col-lg-4:nth-child(2) .journey-img { transform:rotate(-7.228deg); }
}

@media (min-width:768px) and (max-width:991.98px){
.main h2 { font-size:38px; }	
.wedding-sec::after { height:300px; }
.wedding-img { margin:0; }
.wedding-box h3 { font-size:32px; }
.journey-sec { background-size:250px auto; }
.journey-sec .col-lg-4 { padding:0 18px; }
.meet-img { margin-right:35px; }
.bride-sec { background-position:left 190%, right 200%; background-size:180px auto, 130px auto; }
.bride-sec h2 { font-size:26px; }
.bride-sec p { font-size:16px; margin:0 0 20px; }
}

@media (min-width:992px){	
.procedures-sec .col-lg-4 { padding:0 22px; }
.meet-img { margin:0 20px; }
.bride-sec .col-lg-7 { padding-right:70px; }
}

@media (min-width:992px) and (max-width:1199.98px){
.wedding-sec::after { height:300px; }	
.journey-sec .col-lg-4 { padding:0 30px; }
.bride-sec { background-position:left 190%, right 370%; background-size:220px auto, 180px auto; }
}

@media (min-width:1200px) and (max-width:1399.98px){
.main h2 { font-size:38px; }
.ban-form .gform_footer input { font-size:12px !important; }
}