:root {
--whitebg: #fff; 
--whitecolor: #fff;
--whitebborder: #fff;
--brandTextColor: #9095A7; 
--brandColor: #212B4F;
--brandBg: #212B4F; 
--brandBorder: #212B4F;
--blackColor: #000;
--blackBg: #000; 
--blackBorder: #000;
--greyBg:#F6F7F8;
--greyorder:#F0F1F3;
}
@font-face {
font-family: 'Megan_Demo_Font';
src: url(/wp-content/themes/india-gate/assets/fonts/MeganDemoFont-Regular.eot);
src: url(/wp-content/themes/india-gate/assets/fonts/MeganDemoFont-Regular.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/india-gate/assets/fonts/MeganDemoFont-Regular.woff2) format('woff2'),
url(/wp-content/themes/india-gate/assets/fonts/MeganDemoFont-Regular.woff) format('woff'),
url(/wp-content/themes/india-gate/assets/fonts/MeganDemoFont-Regular.ttf) format('truetype'),
url(/wp-content/themes/india-gate/assets/fonts/MeganDemoFont-Regular.svg#MeganDemoFont-Regular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Foco';
src: url(/wp-content/themes/india-gate/assets/fonts/Foco-Regular.eot);
src: url(/wp-content/themes/india-gate/assets/fonts/Foco-Regular.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/india-gate/assets/fonts/Foco-Regular.woff2) format('woff2'),
url(/wp-content/themes/india-gate/assets/fonts/Foco-Regular.woff) format('woff'),
url(/wp-content/themes/india-gate/assets/fonts/Foco-Regular.ttf) format('truetype'),
url(/wp-content/themes/india-gate/assets/fonts/Foco-Regular.svg#Foco-Regular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
*{margin:0;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html,body{color: var(--brandTextColor);background-color: var(--whitebg);position:relative;font-size:14px; font-family: 'Foco'; font-weight: 400;}
h1,h2,h3,h4,h5,h6,p,ul,li{margin:0px;padding: 0px;line-height:1.5;}
label{margin-bottom: 0;font-weight: 400;}
p{margin-bottom: 5px;line-height: 1.5;}
label{display: block;font-weight: 500}
ul,li{list-style:none;padding: 0;margin: 0;}
img{max-width:100%;height: auto;display: inline-block;line-height: 0px;}
a{text-decoration:none;display: inline-block;}
a:focus{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
button{background: none;border: none;}
button:focus{outline: none;}
picture{display: block;line-height: 0px;}
textarea{resize:none;display: block;padding: 15px;width: 100%; font-family: 'Foco';}
input:focus, button, input[type="submit"],input{outline:none;}
select{display: block;width: 100%;color: var(--brandTextColor); font-family: 'Foco';}
button{font-family: 'Almarai', sans-serif;}
input{display: block;padding: 12px 15px;width: 100%; font-family: 'Foco';}
input::placeholder {color: var(--brandTextColor);font-size: 14px;}
input::-ms-input-placeholder{color: var(--brandTextColor);font-size: 14px;}
input::-ms-input-placeholder{color: var(--brandTextColor);font-size: 14px;}
textarea::placeholder{color: var(--brandTextColor);font-size: 14px;}
select:focus{outline:none;}
textarea:focus{outline: none;}
.w-100{width: 100% !important;display: block;}
.section-row{display: flex;}
.section-colm{ transition: all 0.8s; flex: 1;height: 100vh;background-position: center center;
background-size: cover;background-repeat: no-repeat; position: relative;display: flex;    
align-items: center;
overflow: hidden; padding-top: 95px;}
.section-colm-inner{width: 100%;display: block;padding: 15px 5px;min-height: 150px;}
.section-colm.active{flex: 2.5;}
.page-title{font-size: 32px; min-height:80px;font-family: 'Megan_Demo_Font';color: #fff;line-height: 40px;text-align: center;}
.layer-icon img{display: inline-block;width: 200px;margin: 0px auto;}
.layer-icon {text-align: center; margin: 20px 0px;margin-bottom: 12px;}
.title-box{text-align: center;display: none;opacity: 0;transition: all 0.8s;margin-bottom:40px; }
.section-colm.active .title-box{
display: block;
opacity: 1;
}
.title-min{ margin: 15px 0px 8px 0px; text-align: center; font-family: 'Foco'; min-height: 100px; color: #fff; font-size: 18px;letter-spacing: 1px;min-height: 50px;}
.title-min span{font-size: 24px;}
.product-image{width: 170px;display: block; margin: 0px auto; margin-top: 20px; }
.product-image img{width: 100%;display: block;}
.product-title{font-family: 'Foco'; color: #fff; font-size: 18px;font-weight: 400;letter-spacing: 4px;
text-align: center;     margin: 20px 0px 8px 0px;
min-height: 40px;}
.button-box svg path{fill: #DCAC26;}
.button-box{position: relative;}
.button-box {text-align: center;}
.button-box a{display: block;width: 190px;margin: 0px auto;position: relative;}
.button-box a span{    position: absolute;
top: 50%;
left: 0px;
right: 0px;
transform: translate(0px, -60%);
text-align: center;
display: block;
text-transform: uppercase;
color: #343434;
font-family: 'Foco';
text-align: center;
font-size: 14px;
letter-spacing: 1px;
pointer-events: none;
} .button-box a svg{width: 100%;height: initial;}
.button-box a svg path{stroke: #DCAC26;}
.slick-next{position: absolute;top: 50%;right: 15px; width: 30px;height: 30px;background: none; background-image: url(/wp-content/themes/india-gate/assets/images/next-arrow.svg);border: none;font-size: 0px;cursor: pointer; transform: translate(-8%, -50%); background-repeat: no-repeat; background-size: 100%;}
.slick-prev{position: absolute;top: 50%;left: 15px; width: 30px;height: 30px;background: none; background-image: url(/wp-content/themes/india-gate/assets/images/prev-arrow.svg);border: none;font-size: 0px;cursor: pointer; transform: translate(-8%, -50%); background-repeat: no-repeat; background-size: 100%;}
.slick-disabled{display:none!important;}
.slick-dots li {display: inline-block;margin: 0px 5px;width: 6px;height: 6px;background: var(--redbg);overflow: hidden;border-radius: 30px;cursor: pointer;}
.slick-dots li button {background: none;font-size: 0px;line-height: 0px;border: none;}
.slick-dots li{width: 16px; height: 16px;background: var(--whitebg);}
.slick-dots{text-align: center;padding-top: 30px;}
.slick-dots li.slick-active {background: var(--red-bg);}
.slick-prev, .slick-next{z-index: 2;}
.logo{
position: absolute;
top: 0px;
left: 50%;
width: 70px;
display: block;
transform: translate(-50%, 0px);
z-index: 9999;
display: none;
}
.section-colm.active .logo{
display: block;
}
@media only screen and (max-width: 1400px){
.layer-icon{margin: 15px 0px;}
.product-image{margin-top: 20px;width: 130px;}
.page-title{font-size: 28px;line-height: 32px;}
.title-min{font-size: 13px;}
.product-title{font-size: 14px;}
.button-box a{width: 180px;}
.button-box a span{font-size: 11px;}
.title-box{margin-bottom: 15px;}
}  
@media only screen and (min-width: 1153px){
.page-title{height: 80px;overflow: hidden;}
} 
@media only screen and (max-width: 1152px){
.section-colm{
align-items: center;
}
.section-row{
display: block;
}
.title-box{
display: block;
opacity: 1;
}
.section-colm{
display: flex !important;
}
.logo{
position: absolute;
top: 0px;
left: 50%;
width: 70px;
display: block;
transform: translate(-50%, 0px);
}
.page-title{
min-height: initial;
}
.title-min{
min-height: initial;
}
.layer-icon img{
width: 180px;
margin-top: 15px;
}
.title-min {
margin: 20px 0px 20px 0px;
}
.section-colm-inner{margin-top: 80px;}
}
@media only screen and (max-width: 480px){
.section-colm-inner{margin-top: 0px;}
}
@media only screen and (max-width: 1024px){
.product-image{width: 22%;}
}
@media only screen and (max-width: 991px){
.product-image{width: 38%;}
}
@media only screen and (max-width: 480px){
.section-colm {
align-items: flex-end;
position: relative;
}
.slick-next, .slick-prev{top: 56%;}
.title-min {
font-weight: 400;
}
.product-image{
width: 60%;
}
.section-colm{padding-top: 75PX;}
.section-colm{align-items: center;}
.section-colm-inner{padding-top: 0px;padding-bottom: 0px;}
}
@media only screen and (max-width: 376px){
.logo{width: 55px;}
.page-title {
font-size: 25px;
line-height: 32px;
}
.layer-icon{
margin: 7px 0px;
}
.slick-next, .slick-prev{top: 56%;}
}
@media only screen and (max-width: 360px){
.page-title {
font-size: 20px;
line-height: 27px;
}
.product-title{
font-size: 13px;
margin: 15px 0px;
}
.slick-next, .slick-prev{
top: 60%;
}
}
@media only screen and (min-width: 1366px){
.product-image{width: 170px;}
} 
@media only screen and (min-width: 1440px){
.product-image{width: 200px;}
}
@media only screen and (min-width: 1900px){
.page-title{font-size: 52px;line-height: 56px; height: 160px;}
.title-min{font-size: 18px;min-height: 60px; }
.product-image{width: 250px;}
.product-title{font-size: 22px;}
}