/* CSS Document */
/* CSS Document */
@font-face {
    font-family: "Neue Montreal", sans-serif;
    src: url("../../fonts/ppneuemontreal/ppneuemontreal-medium.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body{ 
  font-family: "Instrument Serif", serif; font-weight: 400; font-style: normal; color:#fff;
}

.container-fluid{padding-inline: 0px;}

:root{
		
	--rfs-96: clamp(3rem, 5.71vw + 1.71rem, 6rem);
	--rfs-82: clamp(2.5rem, 6vw, 82px);
    --rfs-72: clamp(2.25rem, 4vw, 72px);
    --rfs-64: clamp(2rem, 4.5vw, 64px);
    --rfs-54: clamp(1.75rem, 4vw, 54px);
    --rfs-48: clamp(1.5rem, 3.5vw, 48px);
    --rfs-42: clamp(1.35rem, 3vw, 42px);
    --rfs-36: clamp(1.25rem, 3vw, 36px);
    --rfs-30: clamp(1.125rem, 2.5vw, 30px);
    --rfs-24: clamp(1rem, 2vw, 24px);
    --rfs-21: clamp(0.875rem, 1.75vw, 21px);
    --rfs-18: clamp(0.875rem, 1.5vw, 18px);
    --rfs-16: clamp(0.875rem, 1.5vw, 16px);
	
	--color-01: #fff;
	--color-01: #000;
	--color-03: #010412;
	--color-04: #728AFF;
	--color-05: #FFB72D;
	

    --font-instrument-serif: "Instrument Serif";
    --color-primary: #c8ae75;
    --color-white: #ffffff;


}

.highlight{color: var(--color-05);}


h1,.heading-01,h2,.heading-02{ font-size: var(--rfs-64); line-height: 1; margin-bottom: 0rem;}
h3,.heading-03,h3,.heading-03{ font-size: var(--rfs-48); line-height: 1; margin-bottom: 1.5rem;}
h4,.heading-04,h4,.heading-04{ font-size: var(--rfs-36); line-height: 1.1; margin-bottom: 1.5rem; letter-spacing: 1px;}

.cta-wrapper{text-align: center;}
.cta-btn{font-size: var(--rfs-16); font-family: "Neue Montreal", sans-serif; text-transform: uppercase;}
       
   /* Custom Button Style */
   .btn-custom { background-color: var(--color-05); border-radius: 50px; padding: 10px 30px; border: none; transition: all 0.3s ease; z-index: 1; position: relative;font-weight: 500;}

.btn-custom i.bi.bi-arrow-up-right{    
	position: absolute; right: -19%; top: 50%; transform: translateY(-50%); 
	background-color: inherit; padding: 10px 14px; border-radius: 50px; }

.bi-arrow-up-right::before {font-weight: 600 !important;}

   .btn-custom:hover {background-color: #ffffff;  color: #05083D; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255,255,255,0.2);}


.para-01{ letter-spacing: 1px; line-height: 1.3; font-size: var(--rfs-18); font-family: "Neue Montreal", sans-serif; margin-bottom: 0.5rem;}
.para-02{ letter-spacing: 1px; line-height: 1.3; font-size: var(--rfs-18); font-family: "Neue Montreal", sans-serif;}
p,.para-03{ letter-spacing: 1px; line-height: 1.3; font-size: var(--rfs-18); font-family: "Neue Montreal", sans-serif;}
.para-04{ letter-spacing: 1px; line-height: 1.3; font-size: var(--rfs-16); font-family: "Neue Montreal", sans-serif;}


@media(max-width:1440px){
	h1, .heading-01, h2, .heading-02 { font-size: var(--rfs-54);     margin-bottom: 0.3rem;}
h3, .heading-03, h3, .heading-03 {
    font-size: var(--rfs-48);
	}
	h4, .heading-04, h4, .heading-04 {
		font-size: var(--rfs-30);}
	
	.para-01{  font-size: 18px; }
	
}
@media(max-width:1366px){
	h1,.heading-01,h2,.heading-02{ font-size: var(--rfs-48); }
	.para-01{ letter-spacing: 1px; line-height: 1.3; }
	
	    h3, .heading-03, h3, .heading-03 {
        font-size: var(--rfs-36);
    }
	.cta-btn {
		font-size: 14px;}
}

@media(max-width:1280px){

	    h4, .heading-04, h4, .heading-04 {
        font-size: var(--rfs-24);
    }
	p, .para-03 {font-size: 1rem;}
}

@media(max-width:991px){

h1,.heading-01,h2,.heading-02{ letter-spacing: 1px; }
	h4, .heading-04, h4, .heading-04 {font-size: 24px;}
	.para-02{font-size: 18px;}
p, .para-03 { font-size: 18px;}
	.para-04 {font-size: 1rem;}
	.cta-btn {letter-spacing: 1px;}
}

@media(max-width:768px){
	.para-02  {font-size: 24px;} 
	h3, .heading-03, h3, .heading-03 {font-size: 30px;}
}

@media(max-width:480px){
	h1,.heading-01,h2,.heading-02{font-size: 28px;  }
	h3, .heading-03, h3, .heading-03 {font-size: 24px;}
	h4, .heading-04, h4, .heading-04 {font-size: 20px;}
	.cta-btn {font-size: 12px;} 
	.para-01 { font-size: 1rem; margin-bottom: 0.5rem;}
	p, .para-03 {font-size: 1rem;}
	.para-02 { font-size: 20px; }
}

@media(max-width:360px){
		h1,.heading-01,h2,.heading-02{font-size: 26px;  }
}

@media(max-width:320px){
		h1,.heading-01,h2,.heading-02{font-size: 24px;  }
	.para-02{font-size: 14px;}
}