@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body {font-family: 'Urbanist', sans-serif;}
.container-fluid{padding-right: 60px;padding-left: 60px;}
.navbar{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.btn-primary{padding: .5rem 1rem ;background: #005BB8;border-radius: 100px;color: white !important;text-decoration: none;font-weight: 500;font-size: 14px;line-height: 22px;max-height: 37px;}
.btn-secondary{padding: .5rem 1rem ;background: #fff;border-radius: 100px;color: #3d3d3d !important;text-decoration: none;font-weight: 500;font-size: 14px;line-height: 22px;border: 1px solid #3d3d3d;max-height: 37px;}
.navbar ul li a,.navbar ul li a:hover{color: #3d3d3dbb;font-weight: 600;font-size: 14px;}
.navbar ul li a.active{color: #005BB8 !important;font-weight: 600;font-size: 14px;}
.navbar-nav.ms-auto.mb-lg-0{gap: 0px 20px;}
.navbar-brand{margin: 0px;display: flex;align-items: center;gap: 0px 10px;}
.navbar-brand img{max-width: 76px;aspect-ratio: 1;min-width: 76px;}
footer img{max-width: 56px;aspect-ratio: 1;}
.topsection{background-image: url(../Images/Hero_Bg.png);background-size: cover;background-position: center;}
.Banner,.Story{min-height: calc(100vh - 102px);align-items: center;}
.Banner_Left{position: relative;}
.Banner_Left::before{background-position: center;content: '';position: absolute;background-image: url(../Images/Pramana_Logo_Transbg.png);background-repeat: no-repeat;background-size: 80%;width: 100%;aspect-ratio: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0.1;}
.Banner_Left h1{color: #3d3d3d;font-size: 2.5rem;font-weight: bold;}
.Banner_Left p,.ServicesOffered p,.title p{color: #3d3d3dbb;font-weight:500;font-size: 14px;}
.Banner_Buttons{display: inline-flex;gap: 0px 15px;flex-wrap: wrap;flex-direction: row;z-index: 1;position: relative;}
.Banner_Right img{float: right;width: 80%;}
.Story_Left img{float: left;width: 80%;}
.Heading_Icon{position: relative;padding-top: 40px;}
.Heading_Icon::before{position: absolute;content: '';background-image: url(../Images/Heading_Icon.png);width: 36px;aspect-ratio: 1;left: 0px;top: 0px;background-size: 34px;}
.Icon_White::before{background-image: url(../Images/Heading_Icon_White.png);}
.Story_Right p{color: #3d3d3d;font-weight:500;font-size: 16px;}
.Story_Right p strong{font-size: 18px;}
.Blue_Text{color: #005BB8;}
.Orange_Text{color: #F88B31;}
.ServicesOffered{padding: 40px 0px 60px;min-height: 80vh;align-items: center;display: flex;justify-content: center;flex-direction: column;background-image: url(../Images/blue-dots-left.png),url(../Images/blue-dots-right.png);background-repeat: no-repeat;background-position: top left, bottom right;background-size: 25%,20%;}
.title{text-align: center;width: 100%;}.title p{margin: 0;margin-bottom: 40px;}
.title h2{color: #3d3d3d;font-size: 1.85rem;font-weight: bold;}
.Center_Icon::before{left: 50%;top: 0px;transform: translate(-50%, 0px);}
.accordion .row,#accordionExample{margin: 0px;}
.accordion-item {border: none;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;border-radius: 14px !important;padding-right: calc(var(--bs-gutter-x)* .5);padding-left: calc(var(--bs-gutter-x)* .5);margin: 20px 0px 0px;}
.accordion-item button{border-radius: 14px !important;padding: 17px 5px;color: #3d3d3d;font-size: 1rem;font-weight: bold;}
.accordion-button:not(.collapsed){color: #3d3d3d;background: white;border: none;box-shadow: unset;}
.accordion-button:focus{box-shadow: unset;}
.accordion-body{padding: 0px 5px 20px;color: #3d3d3dbb;font-weight: 600;font-size: 0.9rem;}
#Experience{background-color: rgba(217, 217, 217, 29%);min-height: 60vh;align-items: center;display: flex;justify-content: center;flex-direction: column;padding: 100px 0px;box-shadow: rgb(204, 219, 232) 0px 0px 2px 0px inset;}
.Lists .logo img{width: 86px;aspect-ratio: 1;}
.Lists .Details h3{color: #3d3d3d;font-size: 1rem;font-weight: 600;}
.Lists .One,.Lists .Two{display: flex;align-items: center;flex-wrap: wrap;flex-direction: row;margin: 60px 0px 0px;justify-content: flex-end;}
.Lists .One .logo img{float: right;margin-right: 100px;}
.Lists .Two .logo img{float: left;margin-left: 100px;}
.Lists .Two .Details h3,.Lists .Two .Details p{text-align: right;}
.Lists .One .logo{position: relative;justify-content: flex-end;left: 8px;}
.Lists .Two .logo{position: relative;justify-content: flex-end;right: 8px;}
.Lists .One .logo::after{content:'';position: absolute;border: 1px dashed #D9D9D9;width: 100px;top: 50%;right: 15px;transform: translate(0px, -50%);}
.Lists .One .logo::before{content:'';position: absolute;background: #D9D9D9;width: 10px;top: 50%;right: 3px;transform: translate(0px, -50%);aspect-ratio: 1;border-radius: 100px;}
.Lists .Two .logo::after{content:'';position: absolute;border: 1px dashed #D9D9D9;width: 100px;top: 50%;left: 15px;transform: translate(0px, -50%);}
.Lists .Two .logo::before{content:'';position: absolute;background: #D9D9D9;width: 10px;top: 50%;left: 3px;transform: translate(0px, -50%);aspect-ratio: 1;border-radius: 100px;}
.Lists{position: relative;}
.Lists::before{content:'';position: absolute;border: 1px dashed #D9D9D9;width: 1px;top: 50px;left: 50%;transform: translate(-50%, 0px);height: calc(100% - 100px);z-index: -9;}
.GetinTouch{background-color: #001A35;border-radius: 20px;padding: 40px;background-image: url(../Images/touchbg.png);background-position: center;background-size: cover;margin: 40px 0px;}
.GetinTouch h3,.GetinTouch p{color: white;}
.GetinTouch p{font-weight: 600;font-size: 0.9rem;color: #ffffffbb;}
footer p{color: #3d3d3dbb;font-weight: 600;font-size: 0.8rem;float: right;margin: 0px;}
footer{display: flex;justify-content: space-between;align-items: center;padding: 20px ;border-top: 1px solid #39393926;}
.Youtube{background-image: url(../Images/Youtube.svg);background-position: center;width: 37px;height: 37px;background-size: 24px;background-repeat: no-repeat;background-color: #ffffff;border-radius: 7px;position: relative;}
.Linkedin{background-image: url(../Images/LinkedIn.png);background-position: center;width: 37px;height: 37px;background-size: 30px;background-repeat: no-repeat;background-color: #0078d4;border-radius: 10px;}
.full-width.container-fluid{background-color: white;box-shadow: rgb(201 201 201) 0px 0px 2px 0px inset;padding: 20px;background-image: url(../Images/highlightsbg.png);background-position:center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}
.para{display: flex;flex-direction: column;align-items: center;background: #f5f5f5;border-radius: 10px;padding: 20px;box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px;border: 1px solid #00000010;}
.highlights-content{gap: 20px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: row;}
.highlights-content .para:first-child,.highlights-content .para:hover{border: 1px solid #F88B31;box-shadow: rgba(249, 116, 0, 0.507) 0px 0px 4px;transition: 0.35s ease-in-out;}
.highlights-content p{margin: 0px;font-weight: 700;font-size: 1.5rem;color: #3d3d3d;}
.highlights-content p .Blue_Text{font-size: 1.6rem;margin: 0px 5px;}
.highlights-content span{color: #3d3d3dbb;font-weight: 500;font-size: 0.8rem;}
.highlights-content img{width: 100px;}
/* .highlights-content .para:first-child,.highlights-content .para:nth-child(3){bottom: 40px;position: relative;}
.highlights-content .para:nth-child(2),.highlights-content .para:nth-child(4){top: 40px;position: relative;} */
#PramanaStory{padding: 20px 0px;}
.paradiv{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: row;gap: 20px;}
.text-logo{font-family: "Spectral", serif;}
.text-logo h2{margin: 0px;font-size: 1.4rem;font-weight: 600;color: #F88B31;}
.text-logo p{margin: 0px;font-size: 1.1rem;font-weight: 500;color: #005BB8;}
.Lists .Details p{background-image: url(../Images/3d-star.png);background-repeat: no-repeat;background-size: 12px;font-size: 12px;font-weight: 500;color: #3d3d3d;padding-left: 14px;background-position: left center;margin: 0px;}
.Lists .Two .Details p{background-position: right center;padding-right: 15px;padding-left: 0px;}
.Banner_Left p{font-size: 1.2rem;}
.Founder{font-size: 1rem !important;opacity: 0.75 !important;}
@media (max-width: 767.98px){
    #PramanaStory{padding: 0px;}
    .full-width.container-fluid{padding: 20px 0px;}
    /* .highlights-content .para{position: unset !important;} */
    .highlights-content,.paradiv{justify-content: center;}
    .navbar .container-fluid{padding: 0px 20px;}
    .container-fluid{padding: 20px;}
    .Banner_Right,.Story_Left{display: flex;justify-content: center;}.ServicesOffered{background-size: 70%,50%;}#Experience{padding: 20px 0px;}.Banner, .Story{gap: 40px 0px;}
    .Lists .One .logo img,.Lists .Two .logo img{float: unset;margin: 0px;}
    .Lists .One .logo,.Lists .Two .logo{left: 0;right: 0;display: flex;justify-content: center;}
    .Lists .One,.Lists .Two{border: 1px solid #00000010;border-radius: 20px;padding: 20px;background: white;gap: 20px 0px;}
    .Lists .Two .logo::before,.Lists .Two .logo::after,.Lists .One .logo::before,.Lists .One .logo::after{display: none;}.Lists .Details h3{text-align: center !important;}.Lists .Details p,.Lists .Two .Details p{text-align: center;background: unset;padding: 0px;}
    .Lists .Two{flex-direction: column-reverse;}
}