:root{
    --dark-bg : #d1d0c93d;
    
    --rose1: linear-gradient(to right,#E50091,#AE0D97);
    --rose2: linear-gradient(to right,#D219B4,#E50091);
    --blue1: linear-gradient(to right,#3b29cf,#4267D9);
    --blue2: linear-gradient(to right,#4267D9,#17B1EF);
    --green1: linear-gradient(to right,#42c966,#5BD80B);
    --green2: linear-gradient(to right,#04E2CB,#42c966);
    --orange1: linear-gradient(to right,#E03C30,#FF7125);
    --orange2: linear-gradient(to right,#FF7125,#EFBC2F);
}

*{margin: 0; padding: 0;}a{text-decoration: none; color: initial;}

body{ font-family: "Rubik"; background: url(../images/light_bg.webp); font-size: 15px; line-height: 26px; letter-spacing: 0.2px; color: #555c63; background-attachment: fixed; }

.otherContent{width: 100%;float: left;padding: 90px 0 70px; min-height: 500px;}
.otherContent h1{ font-family: 'Playfair Display', sans-serif; font-size: 40px; line-height: 50px; margin: 0 0 20px 0; font-weight: 400; color: #222d35; } 
.otherContent h1 s{display: none;} 
.otherContent h1 u{ font-family: 'Rubik', sans-serif; font-weight: 500; display: inline-block; text-transform: uppercase; font-size: 15px; line-height: 25px; margin-bottom: 0px; letter-spacing: 0.7px; text-decoration: none; display: block; } 
.otherContent h1 b{ font-weight: 600; }
.otherContent h2{ font-family: 'Playfair Display', sans-serif; font-size: 40px; line-height: 50px; margin-bottom: 15px; font-weight: 500; color: #222d35; }
.otherContent h2 u{ font-size: 32px; line-height: 39px; text-decoration: none; display: block; }
.otherContent h3{font-family: 'Playfair Display', sans-serif;font-size: 30px;line-height: 50px;margin: 0 0 10px 0;font-weight: 400;color: #222d35;} 
.otherContent p{font-weight: 400;line-height: 28px;font-size: 1rem;letter-spacing: 0.03rem;margin: 0 0 20px 0;}
.otherContent p strong{font-weight: 500; color: #333;}
.otherContent ul{margin: 0;padding: 0 0 0 10px;}
.otherContent ul li{position: relative;list-style-type: none;padding: 0 0 0 30px;line-height: 28px;font-size: 1rem;letter-spacing: 0.03rem;margin-bottom: 10px;}
.otherContent ul li:before{content:'\f061';position: absolute;top: 0px;left: 0;font-family: "Font Awesome 7 Pro";}
.otherContent .ttm_single_image-wrapper{top: 130px;}


.alterBg{width: 100%;float: left;margin: 15px 0 0 0;}
.alterBg > .eachRow{padding: 30px 30px;margin: 0 0 0px 0;}
.alterBg > .eachRow:nth-child(odd){background: #d1d0c93d;}
.alterBg > .eachRow:nth-child(even){background: #ffffff38;}
.alterBg > .eachRow a img{max-width: 100%;aspect-ratio: 4 / 5;object-fit: cover;border-radius: 5px;}
.alterBg > .eachRow p {margin-bottom: 5px;}
.alterBg > .eachRow p strong{ font-weight: 400; font-size: 20px; color: #000;}
.alterBg > .eachRow p em{ font-weight: 400; font-size: 14px; color: #000; font-style: normal;}
.alterBg > .eachRow iframe{height: 200px; width: 100%;}
.alterBg > .eachRow img{max-width: 100%;}
.alterBg > .eachRow ul{margin: 0 0 0 0;padding: 0;font-size: 14px;}
.alterBg > .eachRow ul li{position: relative;padding-left: 130px;margin-bottom: 10px;font-size: inherit;list-style-type: none;}
.alterBg > .eachRow ul li strong{font-weight: 500;margin-right: 10px;width: 130px;position: absolute;left: 0;color: #000000d1;}
.alterBg > .eachRow ul li:before{content: '';}
.alterBg > .eachRow ol{margin: 0 0 0 0;padding: 0;font-size: 14px;}
.alterBg > .eachRow ol li{position: relative;padding-left: 20px;margin-bottom: 10px;font-size: inherit;list-style-type: none;}
.alterBg > .eachRow ol li strong{font-weight: 500;margin-right: 10px;width: 130px;position: absolute;left: 0;color: #000000d1;}
.alterBg > .eachRow ol li:before{content: '';}
.alterBg > .eachRow ol li a{position: relative;padding-left: 25px;display: block;}
.alterBg > .eachRow ol li a:before{content: '\e1a1';font-family: "Font Awesome 7 Pro";position: absolute;top: 0px;left: 0;}


.stripe{width: 100%;float: left;margin: 15px 0 0 0;}
.stripe > .eachRow{padding: 30px 30px;margin: 0 0 0px 0;}
.stripe > .eachRow:nth-child(odd){background: #d1d0c93d;}
.stripe > .eachRow:nth-child(even){background: #ffffff38;}
.stripe > .eachRow a img{max-width: 100%;}
.stripe > .eachRow p{margin-bottom: 5px;}
.stripe > .eachRow p strong{font-weight: 400; font-size: 20px; color: #000;}

.clinentList {}
.clinentList img{max-width: 100%;}
.clinentList > div > div:nth-child(odd) .eachClientList{background: #d1d0c93d;}
.clinentList > div > div:nth-child(even) .eachClientList{background: #ffffff38;}
.clinentList .eachClientList{padding: 20px 20px;height: 100%;}
.clinentList .eachClientList p{margin: 0 0 10px 0;line-height: 24px; color: #000000cc;}
.clinentList .downloadIcon{position: absolute;bottom: 0;right: 0;}
.clinentList .downloadIcon a{color: #333333ab;padding: 10px;text-align: center;display: flex;flex-direction: column;text-decoration: none;}
.clinentList .downloadIcon a i{}
.clinentList .downloadIcon a small{display: block;font-size: 14px;}
.clinentList p.heading strong { font-weight: 400; font-size: 20px; color: #000; }


.subSection{ margin-top: 30px; width: 100%; float: left; }
.subSection .eachItem{transition: all ease-in-out 0.5s;background: #fff;padding: 0;box-shadow: 0 0 15px rgba(0, 0, 0, .1);transition: all ease-in-out 0.5s;}
.subSection.eachItem a{text-decoration: none;color: #555c63;}
.subSection .eachItem a .imgCover{position: relative;overflow: hidden;}
.subSection .eachItem a .imgCover:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;z-index: 1;background-color: #222d35;opacity: 0; transition: all ease-in-out 0.5s;}
.subSection .eachItem:hover a .imgCover:before{opacity: 0.7;}
.subSection .eachItem a .imgCover i{ position: absolute; background: #000; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 5px; font-weight: 500; font-size: 18px; transition: all ease-in-out 0.5s; opacity: 0; z-index: 1; top: 40%; left: 40%; }
.subSection .eachItem:hover a .imgCover i{opacity: 1;top: 50%;left: 45%;transition: all ease-in-out 0.5s;}
.subSection .eachItem a .imgCover img{max-width: 100%;-moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out;}
.subSection .eachItem:hover a .imgCover img{-moz-transform: scale(1.09); -webkit-transform: scale(1.09); -ms-transform: scale(1.09); transform: scale(1.09);}
.subSection .eachItem a .imgDtls{padding: 15px 20px;}
.subSection .eachItem a .imgDtls .title{position: relative;overflow: hidden;font-size: 18px;line-height: 20px;font-weight: 500;margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;display: flex;justify-content: space-between;padding-top: 15px;color: #555;margin-bottom: 10px;}
.subSection .eachItem a .imgDtls .desc{line-height: 25px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 20px;margin-top: 20px;}

.addrss{margin: 0 !important; padding: 0 !important;}
.addrss li{font-size: 14px !important;list-style-type: none !important;line-height: 26px !important;position: relative;padding: 0 0 0 35px !important;margin: 0 0 15px 0;}
.addrss li:before{content: '';font-family: "Font Awesome 7 Pro";position: absolute;top: 2px;left: 0;font-size: 20px;color: #c19f84;}
.addrss li.home:before{content: '\f59f';}
.addrss li.mobile:before{content: '\f095';}
.addrss li.email:before{content: '\f0e0';}
.addrss li.website:before{content: '\f0ac';}
.sendBtn {background: #c19f84;border: 0;color: #fff;padding: 15px 15px;border-radius: 5px;/* float: right; */}
.pBold {font-weight: 400;font-size: 1.2rem !important;color: #000;}


/* ========= timeline / milestones ========= */
.timeline { display: flex; flex-direction: row; overflow-x: auto; padding: 20px; gap: 30px; } 
.timeline-item { flex: 0 0 auto; width: 200px; text-align: center; } 
.timeline-item .year { font-weight: bold; font-size: 1.2em; color: #2c3e50; } 
.timeline-item .icon { font-size: 2em; display: block; margin: 10px 0; } 
.timeline-item p {font-size: 0.95em;color: #444;line-height: 20px;margin-top: 10px;display: block;float: left;}
.timeline-item p strong {display: block;margin: 0 0 10px 0;}