@charset "utf-8";

/*..............custom fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*..............embedded fonts..............*/




/*..............common styles..............*/

:root {
    --common-transition: 0.3s; 
    --body-font:"Roboto", sans-serif;
    --body-color: #434343;
    --yellow: #FCB62B;
    --dark-grey:#222222;
    --red: #FF0016; 
    --grey-color: #DED9D3;
    --light:#F1F6F9;
    --regular:400;
    --medium:500;
    --semi-bold:600;
    --bold:700;
}
  
html {scroll-behavior: smooth; overflow-x: hidden;}
body { background-color: var(--bs-white); margin: 0; padding: 0; line-height: 1.5; font-family: var(--body-font); font-size: 18px; font-weight: normal; color: var(--body-color); overflow: hidden;}
h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding: 0; font-family: var(--body-font); color: var(--dark-grey); font-weight: var(--bold); line-height: 1.2;}
h1, h2, h3{ color: var(--bs-black);}
h4{ color: var(--body-color);}
h1 { font-size: 80px;}
h2 { font-size: 48px;}
h3 { font-size: 30px;}
h4 { font-size: 24px;}
h5 { font-size:20px;}
h6 { font-size: 18px;}
p { margin:0 0 25px;}
p:last-child { margin-bottom: 0;}
@media only screen and ( max-width: 1601px ){
  h1 { font-size: 70px;}
  h2 { font-size: 42px;}
  h3 { font-size: 26px;}
  h4 { font-size: 22px;}
  h5 { font-size: 18px;}
  h6 { font-size: 16px;}
}
@media only screen and ( max-width: 1367px ){
  body { font-size: 16px;}
}
@media only screen and ( max-width: 1199px ){
  h1 { font-size: 60px;}
  h2 { font-size: 38px;}
  h3 { font-size: 24px;}
  h4 { font-size: 20px;}
}
@media only screen and ( max-width: 991px ){
  h1 { font-size: 50px;}
  h2 { font-size:36px;}
}
@media only screen and ( max-width: 767px ){
  h1 { font-size: 36px;}
  h2 { font-size: 28px;}
  h3 { font-size: 23px;}
  h4 { font-size: 20px;}
}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--dark-purple); outline: none; text-decoration: none; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);}
a:hover{ text-decoration:none;}
.form-row{ margin-bottom: 20px;}
input, textarea, select { font-family: var(--body-font); font-weight: normal; outline: none; border-radius: 5px !important;}
input[type="submit"]{ font-family: var(--body-font); font-weight: normal; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 38px !important; padding-left: 40px !important; background-image: url(../images/select-arw.svg); background-repeat: no-repeat; background-position: 4%;}
.form-control{ padding-left: 20px; padding-right: 20px; height: 60px; border: 1px solid #CECECE !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; color: #767676 !important;}
textarea.form-control{ resize: none; height: 150px;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; margin: 0;}
/* --- for placeholder color --- */
.form-control::-moz-placeholder{ color: #767676; opacity:1;}
.form-control:-ms-input-placeholder{ color: #767676;}
.form-control::-webkit-input-placeholder{ color: #767676;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: #767676;}
@media only screen and ( max-width: 767px ){
  .form-control{ height: 50px;}
  textarea.form-control{ height: 110px;}
}
@media only screen and ( min-width: 1700px ) {
	.container { max-width: 1594px;}    
}

/* --- Button Styles --- */
a.btn, .btn { background-color: var(--red); font-size: 18px; border-radius: 0; color: var(--bs-white); font-weight: 500; text-transform: capitalize; padding: 16.5px 50px; border: 0; transition: var(--common-transition); position: relative;}
a.btn:after, .btn:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; height: 100%; background-color: var(--yellow); transition: var(--common-transition);}
a.btn:hover, .btn:hover { background-color: var(--red); color: var(--bs-black) !important;}
a.btn:hover:after, .btn:hover:after { width: 100%;}
a.btn span, .btn span { position: relative; z-index: 2;} 

a.btn.white, .btn.white { background-color: var(--bs-white); color: var(--purple) !important; border-color: var(--bs-white);}
a.btn.white:hover, .btn.white:hover { background-color: transparent; color: var(--bs-white) !important;}

.subtitle { font-family: "Ephesis", cursive; font-size: 70px; margin-bottom: 15px; line-height: 1;}
.bg-dark-purple { background-color: var(--dark-purple);}
.common-padding { padding-top: 100px; padding-bottom: 100px;}
.common-padding-top{ padding-top: 100px;}
.common-padding-bottom{ padding-bottom: 100px;}
.mb-50{ margin-bottom: 50px;}
.overlay-content { position: relative; z-index: 3;}
.common-bg { background-size: cover; background-position: center; background-repeat: no-repeat;}
.image-adjusment{ position: relative;}
.image-adjusment img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.light-bg{ background: var(--light);}
@media only screen and ( max-width: 1199px ){
  a.btn, .btn { font-size: 16px; padding: 14px 40px;}
  .common-padding { padding-top: 80px; padding-bottom: 80px;}
  .common-padding-top{ padding-top: 80px;}
  .common-padding-bottom{ padding-bottom: 80px;}
  .mb-50{ margin-bottom: 30px;}
}
@media only screen and ( max-width: 767px ){
  .common-padding { padding-top: 60px; padding-bottom: 60px;}
  .common-padding-top{ padding-top: 60px;}
  .common-padding-bottom{ padding-bottom: 60px;}
  .mb-50{ margin-bottom: 25px;}
  /* .container { max-width: 95%;} */
  .slick-arrow { width: 40px; height: 40px;}
  .slick-prev.slick-arrow { left: 0;}
  .slick-next.slick-arrow { right: 0;}
  .slick-arrow:before { padding: 5px;}
}
/* --- Header CSS --- */

html.is-menu-open { height: 100vh; overflow: hidden;}

.header-wrapper { padding: 30px 5vw; box-shadow: 0px 4px 20px 0px #00000017;}
/* .fixed-header .header-wrapper { background-color: rgba(0, 0, 0, 0.9);} */

.navigation ul { display: flex; align-items: center; padding: 0; margin: 0; list-style: none;}
.navigation ul li { position: relative;}
.navigation ul li > a { color: var(--bs-black); font-size: 18px;padding: 0 25px; position: relative; display: block;}
.navigation ul li.menu-item-has-children > a {  margin-right: 10px;}
.navigation ul li:last-child a { margin-right: 0;}
.header-wrapper .header-right a.header-btn { background-color: var(--green); font-size: 18px; color: var(--bs-white); font-family: var(--bold-font); padding: 18px 35px; border-radius: 0; display: flex; align-items: center; justify-content: center; gap: 5px;}
.navigation ul li.header-btn { margin-left: 35px;}
#mega-menu-wrap-header #mega-menu-header li.header-btn a, .submit-btn { background: #FCB62B !important; display: inline-block !important; padding: 16px 50px !important; font-weight: var(--bold) !important; border: 0; border-radius: 0 !important; height: fit-content !important; line-height: 1 !important; transition: var(--common-transition); }
#mega-menu-wrap-header #mega-menu-header li.header-btn a:hover, .submit-btn:hover{ background: var(--bs-black) !important; color: #FCB62B !important;}
/*submenu*/
.navigation .sub-menu { position: absolute; z-index: 5; top: 70%; background: #FCB62B; width: 300px; opacity: 0; visibility: hidden; transition: var(--common-transition); list-style: none; padding: 0;/* backdrop-filter: blur(10px);*/ display: block; margin: 10px 0; padding: 0;}
.navigation ul li:hover .sub-menu { opacity: 1; visibility: visible; margin-top: 10px;}
.navigation ul li.menu-item-has-children > a::before { content: ''; position: absolute; right: 4px; top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transition: var(--common-transition);}
.navigation ul li.menu-item-has-children:hover > a::before {  transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 11px;}
.navigation .sub-menu li a { padding: 10px 20px; border-bottom: 1px solid #ffce6c; font-size: 16px;}
.navigation .sub-menu li:last-child a {border-bottom: 0;}
.navigation .sub-menu li a:hover { background-color: #ffce6c;}
.mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto;}
.current-menu-item a{ font-weight: var(--bold);}

/* ~~ header Mega Menu start ~~ */
.header-wrapper .d-flex { position: relative;}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link { font-size: 18px; margin: 0 20px; padding: 0; }
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu { background: #fff !important; border: 1px solid #E4E4E4; width: 200px; padding: 20px 0; }
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link { background: #ffff; font-size: 18px; color: #000; padding: 4px 30px; }
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover { background-color: transparent; color: #000; font-weight: 700; transition: all 0.3s; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-item a.mega-menu-link:before { display: none;}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link { display: flex ; align-items: center; gap: 10px; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { margin: 0 0 6px 0; display: flex ; align-items: center; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { content: '' !important; transform: rotate(45deg); -webkit-transform: rotate(45deg); border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transition: var(--common-transition); }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator:after { transform: rotate(225deg); -webkit-transform: rotate(225deg); margin: 8px 0 0 0; }
.mega-menu-wrap, #mega-menu-wrap-header #mega-menu-header { position: static !important;}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu { width: 1303px !important; top: 110%; left: 0 !important; right: 0 !important; margin: 0 auto !important; background: #fff; border: 1px solid #E4E4E4; box-shadow: 0px -3px 10px 0px #0000000D; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu { float: none; display: flex; align-items: stretch; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column { padding: 0 40px; border-right: 1px solid #0f1e3324; margin: 40px 0; float: none; display: flex ; line-height: normal !important; width: 26%; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:nth-child(3) { border-right: 0; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child { padding: 0; margin: 0; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child > ul.mega-sub-menu > li.mega-menu-item { padding: 20px; background: #F1F6F9; border-left: 1px solid #E4E4E4; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { color: #FCB62B; font-size: 20px; padding: 0; margin-bottom: 22px; text-transform: capitalize; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { margin-bottom: 15px; font-size: 18px; color: #000; font-weight: 400; line-height: 1.5; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child { width: 22%; }
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover { font-weight: 700;transition: all 0.3s;  }



/* ~~ header Mega Menu end ~~ */

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fixed-header .header-wrapper { position: fixed; z-index: 999; top: 0; width: 100%; background: var(--bs-white); padding-top: 15px; padding-bottom: 15px; animation: slide-down 0.5s; transition: var(--common-transition);}
.fixed-header main{ padding-top: 136px;}
/* ~~ header sticky end ~~ */

@media only screen and ( max-width: 1699px ){
  .header-wrapper { padding: 30px 3vw;}
  .navigation ul li.header-btn { margin-left: 30px;}
  /* .navigation ul li > a{ padding: 0 22px;} */

}
@media only screen and ( max-width: 1601px ){
  .header-wrapper { padding: 30px 2%;}
  .header-logo { width: 120px;}
  /* .navigation ul li > a { padding: 0 25px 0 15px; font-size: 16px;} */
  .navigation ul li.header-btn { margin-left: 15px;}
  .navigation ul li.header-btn a { padding: 12px 35px !important;}
  .fixed-header main{ padding-top: 121px;}
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link { font-size: 17px; margin: 0 15px; }
  #mega-menu-wrap-header #mega-menu-header li.header-btn a, .submit-btn { padding: 14px 40px !important;}
}
@media only screen and ( max-width: 1367px ){
  .header-wrapper { padding: 20px 15px;}
  .header-logo { width: 90px;}
  /* .navigation ul li > a { padding: 0 12px 0 15px;} */
  .navigation ul li.menu-item-has-children > a{ padding-right: 18px;}
  .navigation ul li.menu-item-has-children > a::before { top: 5px; border-width: 0 1px 1px 0;}
  .navigation ul li.header-btn a { padding: 10px 30px !important;}
  .fixed-header main{ padding-top: 86px;}
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link { font-size: 16px; margin: 0 10px; }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu { width: 1140px !important; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column { padding: 0 25px; margin: 25px 0; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { font-size: 18px; margin-bottom: 15px; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { margin-bottom: 10px; font-size: 16px; }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link { font-size: 16px;}
  #mega-menu-wrap-header #mega-menu-header li.header-btn a, .submit-btn { padding: 13px 30px !important; }
}
@media only screen and ( max-width: 1199px ){
  .rt-toogle-button { display: block; width: 35px; height: 35px;}
  .rt-toogle-button button.toogle-btn { width: 35px; height: 35px; border: 0; background-color: transparent; padding: 0;}
  .rt-toogle-button button.toogle-btn span { display: block; height: 3px; background: var(--bs-black); margin: 6px 0; transition: var(--common-transition); transition-duration: .6s !important; transition-property: all !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important;}
  .is-menu-open button.toogle-btn.active { position: relative; z-index: 999;}
  .is-menu-open button.toogle-btn.active span:nth-child(1) { transform: rotate(45deg) translate(7px, 1px);}
  .is-menu-open button.toogle-btn.active span:nth-child(2) { display: none; transform: translateX(-15px); transition: var(--common-transition);}
  .is-menu-open button.toogle-btn.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, 0px);}

  .header-wrapper { padding: 15px 20px;}
  .header-wrapper .header-logo { width: 40%; text-align: left;}
  .header-wrapper .header-logo img { max-width: 130px;}
  /* .header-wrapper .navigation { display: none;} */
  #mega-menu-wrap-header .mega-menu-toggle + #mega-menu-header { position: fixed !important; padding-top: 40px; }
  #mega-menu-wrap-header:has(.mega-menu-open) #mega-menu-header[data-effect-mobile^="slide_right"] + button.mega-close { left: 272px; top: 12px; }
  
  
  .mobile-menu { display: block; position: fixed; top: 0; right: 0; width: 100%; height: 100dvh; background: var(--bs-white); transform: translateX(-100%); transition-duration: .6s !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; overflow: auto; padding: 0; z-index: 99;}
  .is-menu-open .mobile-menu.active { transform: translateX(0);}
  .header-wrapper .header-right .mobile-menu  a.header-btn {display: flex;}
  .mobile-menubar { height: 100%; padding-top: 50px; padding-bottom: 30px; overflow: auto;}
  .mobile-menu ul { display: block; list-style: none; padding: 0; margin: 0;}
  .mobile-menubar li{ position: relative;}
  .mobile-menubar li .arrow { display: flex; align-items: center; justify-content: end; position: absolute; z-index: 4; width: 30px; height: 30px; top: 15px; right: 0;}
  /* .mobile-menu ul li { padding: 10px 0;} */
  .mobile-menu ul li a { display: inline-block; font-size: 21px; margin-right: 0; padding: 15px 0;}
  li.header-btn{ margin-top: 20px;}
  .fixed-header main{ padding-top: 97px;}
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu.mega-menu-item { position: relative !important; }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item { display: block;}
  /* #mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { display: none;} */
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu { background: transparent !important; border: 0; width: 100%; position: relative; opacity: 1 !important; visibility: visible; }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu {background: transparent; width: 100% !important; top: 0; position: relative; opacity: 1 !important; visibility: visible; border: 0; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu { display: block;}
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child, #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column { width: 100%; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child { display: none;}
  #mega-menu-wrap-header #mega-menu-header li.header-btn { padding-bottom: 20px; }
  #mega-menu-wrap-header #mega-menu-header li.header-btn a { color: #000 !important; width: 87% !important; text-align: center !important; margin-top: 20px !important;}
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link { margin: 0 20px; padding: 15px 0; height: auto; line-height: normal; border-bottom: 1px solid #262525; }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link { justify-content: space-between;}
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { border-color: #262525; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { border-color: white; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 0; }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link { background: transparent; color: #c0c0c0; padding: 4px 30px; line-height: normal; margin-bottom: 10px;}
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column { padding: 0 20px; margin: 20px 0; }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { font-size: 16px;}
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { color: #c0c0c0;}
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #fff; }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link span.mega-indicator::after { transform: rotate(225deg); -webkit-transform: rotate(225deg); }
  #mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { width: 20px; height: 20px; justify-content: end; }

  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover{ color: var(--bs-white);}
}
@media only screen and ( max-width: 767px ){
  .header-wrapper { padding: 15px 10px;}
  .header-wrapper .header-logo img { max-width: 110px;}
  .rt-toogle-button button.toogle-btn { width: 30px; height: 30px;}
  .rt-toogle-button button.toogle-btn span { margin: 5px 0;}
  li.header-btn a, .submit-btn{ padding: 15px 35px !important;}
  .mobile-menu ul li.header-btn a{ font-size: 19px;}
  .mobile-menu ul li a{ padding: 10px 0;}
  .fixed-header main{ padding-top: 86px;}
}
@media only screen and ( max-width: 575px){
  .mobile-menu ul li.header-btn a{ width: 100%; text-align: center;}
  #mega-menu-wrap-header .mega-menu-toggle + #mega-menu-header { width: 100%; left: -100%;}
  #mega-menu-wrap-header:has(.mega-menu-open) #mega-menu-header[data-effect-mobile^="slide_right"] + button.mega-close { left: auto; right: 10px; }
}
/* --- Header --- */

/* --- Banner --- */
.home-banner-slider .slick-slide > div { display: flex;}
.banner-slider-wrapper .banner-img:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 51.08%, rgba(0, 0, 0, 0.9) 100%);}
.banner-img { padding-bottom: 41%; position: relative; overflow: hidden;}
.banner-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.banner-content-wrapper .banner-content { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 2;}
.banner-content-wrapper .title-wrapper { max-width: 985px;}
.title-wrapper { padding-top: 15px; padding-bottom: 15px; padding-left: 30px; position: relative; margin-bottom: 35px;}
.vertical-text { display: flex; justify-content: center; writing-mode: vertical-rl; color: var(--yellow); font-weight: var(--medium); transform: rotate(180deg); position: absolute; left: -7px; top: 0; font-size: 20px; height: 100%; text-align: right;}
.banner-content-wrapper .title-wrapper h1 { color: var(--bs-white);}
.title-wrapper h2 { color: var(--bs-black); font-weight: bold; margin-bottom: 0;}
.title-wrapper h1{ margin-bottom: 0;}
.title-wrapper h1 span, .title-wrapper h2 span { color: var(--yellow);}
.banner-content-wrapper .banner-full-content { max-width: 770px; margin: 0 0 0 auto; padding-top: 5%;}
.banner-content-wrapper .banner-full-content p { color: var(--bs-white);}

/*****************************************/
.slider-nav { display: flex; align-items: center; justify-content: space-between; width: 160px; margin: 0 auto;}
.banner-slider-wrapper .slider-nav { position: absolute; left: 0; bottom: 0;}
.slider-nav .slick-arrow { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; background: var(--bs-white); width: 80px; height: 80px; cursor: pointer; transition: var(--common-transition);}
.slider-nav .slick-arrow:focus, .slider-nav .slick-arrow:hover { background: var(--red);}
.slider-nav .slick-arrow:focus img, .slider-nav .slick-arrow:hover img {  filter: brightness(0) invert(1);}
/***************************************/

.solution-section .common-padding { padding-bottom: 200px;}
.line-wrapper { position: absolute; left: 0; right: 0; height: 100%; display: flex; gap: 50px; width: 100%; padding: 0 15px; z-index: -1;}
.line-wrapper .line-box { flex: 0 0 auto; width: calc(20% - 50px); border-left: 1px solid rgba(0,0,0,0.05); border-right: 1px solid rgba(0,0,0,0.05);}
.solution-box { background: var(--bs-white); position: relative; height: 100%;}
.solution-section .col-xl-3:nth-child(even){ margin-top: 80px;}
.solution-box .solution-inner-box {  border: 1px solid #BDBDBD; padding: 50px 30px;  margin-left: -1px;}
.icon-wrapper { width: 80px; height: 80px; background: #E4F0F7; border-radius: 50%; display: flex; align-items: end; justify-content: flex-end; margin-bottom: 30px;}
.solution-box ul { margin: 0; padding: 0; list-style: none;}
.solution-box ul li { padding-left: 20px; position: relative; margin-bottom: 20px;}
.solution-box ul li:last-child { margin-bottom: 0;}
.solution-section .col-xl-3:last-child { align-self: flex-end;}
.solution-box ul li img { position: absolute; left: 0; top: 6px;}
.solution-yellow-box { background-color: var(--yellow); padding: 100px 30px; display: flex; align-items: center;  margin-left: -1px; position: relative;}
.solution-yellow-box p { color: var(--bs-white); font-size: 24px; font-weight: bold; line-height: 1.3;}

.company-section { margin-top: -100px;}
.company-img { position: absolute; width: 50%; left: 0; top: 0; height: 31.25vw;}
.company-img img { height: 100%; width: 100%; object-fit: cover;}
@media only screen and ( min-width: 2101px ){
  .company-img{ height: 100%;}
}
.company-inner-wrap:after { content: ""; position: absolute; top:100px; right: 0; width: 70%; height: 100%; background: #1C1C1C; z-index: -1;}
.conpany-inner-content { margin-left: auto; padding: 100px 0 0 100px; margin-top: 100px;}
.company-counter { margin-top: 100px; padding: 40px 0;}
.company-counter:after { content: ""; position: absolute; top:0; right: 0; width: 70%; height: 100%; background: #F1F6F9; z-index: -1;}
.company-counter ul#counter { margin: 0; padding: 0; list-style: none; width: 70%; margin-left: auto; display: flex; justify-content: space-between;}
.company-counter h2.count, .company-counter ul li span { margin: 0; font-size: 80px; color: black; -webkit-text-fill-color: #F1F6F9; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FF0016; line-height: 1; font-weight: bold;}
.company-counter ul li p { color: #434343; font-weight: bold; margin-top: 8px;}
.services-section .row{ row-gap: 25px;}
.services-wrapper {overflow: hidden;}
.services-img { padding-bottom: 118.268%; position: relative; overflow: hidden;}
.services-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.services-img:after { content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 49.1%, rgba(0, 0, 0, 0.9) 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: var(--common-transition);}
.services-details-btn a { position: absolute; right: 30px; top: 30px; z-index: 2; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: var(--yellow); opacity: 0; visibility: hidden; transition: var(--common-transition);}
.services-details-btn a:after { content: ""; position: absolute; left: -5px; top: -5px; width: 60px; height: 60px; border: 1px solid #FCB62B;}
.services-wrapper:hover .services-img:after { background: rgba(0, 0, 0, 0.5);}
.services-wrapper:hover .services-details-btn a { opacity: 1; visibility: visible;}
.services-wrapper .services-content { position: absolute; bottom: 0; padding: 40px; z-index: 2; transform: translateY(45%);  transition: var(--common-transition);}
.services-wrapper:hover .services-content { transform: translateY(0);}
.services-wrapper .services-content h3 { color: var(--bs-white); padding-bottom: 10px;  position: relative;}
.services-wrapper .services-content h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--yellow); transition: var(--common-transition);}
.services-wrapper:hover .services-content h3:after {width: 40px;}
.services-wrapper .services-content p { color: #D9D9D9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; opacity: 0; transition: var(--common-transition);}
.services-wrapper:hover .services-content p { opacity: 1;}

.why-choose-us-section { background: #F1F6F9; padding: 17% 0 5%; margin-top: -16%;}
.choose-wrapper { flex: 0 0 auto; width: calc(20% - 1.2rem); border: 1px solid #B2C2CC; padding: 20px 30px;}
.choose-wrapper h4 { color: #434343; margin: 0;}

.testimonial-section { background-color: #1C1C1C;}
.testimonial-section p { color: var(--bs-white);}
.testimonial-inner-wrap { background-color: #151515;}
.chairman-image { height: 100%;}
.chairman-image img { height: 100%; object-fit: cover;}
.testimonial-content { padding: 80px 80px 80px 66px;}
.testimonial-content .position { padding-left: 90px; position: relative;}
.testimonial-content .position:before { content: ""; position: absolute; left: 0; top: 10px; width: 80px; height: 1px; background-color: var(--yellow);}
.testimonial-content .title-wrapper{ margin-bottom: 30px;}
.testimonial-content .position p { font-weight: bold;}
.testimonial-content .position p em { font-weight: normal; color: #D9D9D9;}
.testimonial-content .position h6 { color: var(--yellow); font-weight: bold;}
.quote-img { position: absolute; top: 40%; left: 4%;}

.brand-section h2 { font-weight: normal;}
.brand-section h2 strong { font-weight: 700;}
.brand-slider .slick-list { padding-top: 30px !important; padding-bottom: 30px !important;}
.brand-slider .slick-track { display: flex; align-items: center;}
.brand-slider .slick-track .slick-slide { padding: 0 20px;}
.brand-img { text-align: center; background: rgba(255, 255, 255, 1); padding: 20px; transition: var(--common-transition);}
.brand-img:hover {  box-shadow: 0px 10px 10px 0px rgba(239, 237, 245, 1);border-radius: 20px;}
.brand-img img { margin: 0 auto;}
.slick-dots li { width: 5px; height: 5px;}
.slick-dots li.slick-active { width: 10px; height: 10px;}
.slick-dots li button { width: 5px; height: 5px; border-radius: 50%; padding: 0; background: rgba(255, 0, 22, 0.2);}
.slick-dots li.slick-active button { width: 10px; height: 10px; background: var(--red);}
.slick-dots li button:before { display: none;}

.team-section { background: #F1F6F9;}
.team-section .row, .team-box-row{ row-gap: 25px;}
.team-tabs { max-width: 525px; margin-left: auto; background: var(--bs-white); border: 1px solid #DADADA; padding: 10px;}
.team-tabs button { flex: 0 0 auto; width: 50%; border: 0 !important; font-size: 20px; color: var(--bs-black); font-weight: var(--bold); border-radius: 0 !important;}
.team-tabs button.active, .team-tabs button:hover { background-color: #EDEDED !important; color: var(--bs-black);}
.team-box { position: relative; padding-bottom: 27px; height: 100%; cursor: pointer;}
.team-box:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 50%; height: 4px; background-color: var(--yellow); margin: 0 auto; transition: all 0.2s;}
.team-img { padding-bottom: 92.66%; position: relative; overflow: hidden;}
.team-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} 
.team-box h5 { margin: 30px 10px 8px; color: #434343;}
.team-box p { color: var(--red); font-size: 20px; padding: 0 10px; padding: 0 15px; line-height: 1.2;}
.team-box:hover::after{ height: 15px;}

/* --- Footer --- */
.footer-wrapper { padding: 100px 0 0; background: url(../images/ftr-bg.jpg) no-repeat center; background-size: cover;}
.investor-contact { border: 1px solid rgba(255, 255, 255, 0.3); padding: 40px 50px; margin-bottom: 50px;}
.investor-contact h3 { color: var(--yellow);}
.investor-contact p { color:#F5F4F4;}
.footer-wrapper h5 { color: var(--yellow);}
.footer-wrapper .ftr-menu ul { margin: 0; padding: 0; list-style: none;}
.footer-wrapper .ftr-menu.product-menu ul { margin-right: 100px;}
.footer-wrapper .ftr-menu.product-menu ul:last-child { margin-right: 0;}
.footer-wrapper .ftr-menu ul li { position: relative; margin-bottom: 12px;}
.footer-wrapper .ftr-menu ul li a { color: #F5F4F4; text-transform: capitalize; font-weight: normal; margin:0;}
.footer-wrapper a:hover { color: rgba(255, 255, 255, 0.3) !important;}
.ftr-contact-info ul { padding: 0; margin: 0; list-style: none;}
.ftr-contact-info ul li { padding-left: 50px; margin-bottom: 23px; position: relative; color: #F5F4F4; font-weight: 700; display: flex; align-items: center;}
.ftr-contact-info ul li .icon-box { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0;}
.footer-wrapper ul.social-links { margin-top: 30px;}
.footer-wrapper ul.social-links li a { width: 40px; height: 40px; border-radius:50%; display: block; margin: 0 5px 0 0; background-color: rgba(255, 255, 255, 0.1) ; color: #F5F4F4; font-size: 18px; display: flex; align-items: center; justify-content: center;}
.footer-wrapper ul.social-links li a:hover { background-color: rgba(255, 255, 255, 0.3);}
.footer-wrapper ul.social-links li a:hover img { filter: brightness(0) invert(1);}
.footer-wrapper .btm-ftr { background-color: rgba(255, 255, 255, 0.05); padding: 30px 0; margin-top: 122px;}
.btm-ftr p {color: #F5F4F4; font-weight: 400; margin-bottom: 0;}
.footer-wrapper .btm-ftr ul li { position: relative;}
.footer-wrapper .btm-ftr ul li:after { content: ""; position:relative; display: inline-block; width: 4px; height: 4px; background-color: var(--bs-white); border-radius: 50%; margin: 0 16px; vertical-align: middle;}
.footer-wrapper .btm-ftr ul li:last-child:after { display: none;}
.footer-wrapper .btm-ftr ul li a { color: #F5F4F4;}

@media only screen and ( max-width: 1601px ) {
  .why-choose-us-section .vertical-text{ font-size: 18px;}
  .banner-img { padding-bottom: 50%;}
  .solution-box .solution-inner-box { padding: 30px 25px;}
  .solution-yellow-box { padding: 80px 25px;}
  .solution-yellow-box p { font-size: 22px;}
  .company-img { height: 41.25vw;}
  .conpany-inner-content { padding: 100px 0 0 60px;}
  .company-counter h2.count, .company-counter ul li span { font-size: 70px;}
  .footer-wrapper .btm-ftr { margin-top: 92px;}
  .footer-wrapper .ftr-menu.product-menu ul { margin-right: 60px;}
}

@media only screen and ( max-width: 1367px ) {
  .title-wrapper { margin-bottom: 30px;}
  .choose-wrapper { padding: 20px;}
  .testimonial-content { padding: 60px 40px 60px 40px;}
  .solution-box .solution-inner-box{ padding: 25px 20px;}
}

@media only screen and ( max-width: 1199px ) {
  .vertical-text { font-size: 18px;}

  .banner-img { padding-bottom: 60%;}
  .banner-content-wrapper .title-wrapper { max-width: 800px;}
  .banner-content-wrapper .banner-full-content { max-width: 650px;}
  .solution-section .common-padding { padding-bottom: 150px;}
  .solution-section .solution-row { margin-left: -15px !important; margin-right: -15px !important;}
  .solution-section .solution-row .col-xl-3 { padding: 0 15px !important;}
  .solution-section .solution-row .col-xl-3:last-child { align-self: inherit;} 
  .solution-section .col-xl-3:nth-child(even) { margin-top: 40px;}
  .solution-yellow-box { padding: 100px 35px;}
  .company-section { margin-top: -60px;}
  .company-inner-wrap:after { top: 60px;}
  .conpany-inner-content { padding: 60px 0 0 20px; margin-top: 60px;} 
  .company-img { height: 50vw;}
  .title-wrapper h2 { margin: 0;}
  .company-counter { margin-top: 60px; padding: 30px 0;}
  .company-counter h2.count, .company-counter ul li span { font-size: 58px;}
  .company-counter ul#counter { width: 67%;}
  .services-section .title-wrapper, .why-choose-us-section .title-wrapper { margin-bottom: 30px;}
  .services-wrapper .services-content { padding: 30px 20px;}
  .services-details-btn a { right: 20px; top: 20px; width: 40px; height: 40px;}
  .services-details-btn a:after { width: 50px; height: 50px;}
  .why-choose-us-section .d-flex.gap-4 { gap: 1rem !important;}
  .why-choose-us-section .choose-wrapper { width: calc(20% - 0.8rem);}
  .why-choose-us-section .vertical-text { font-size: 16px; }
  .testimonial-content { padding: 50px 20px 50px 20px;}
  .testimonial-content .position { padding-left: 60px;}
  .testimonial-content .position:before { width: 50px;}
  .brand-img { padding: 20px 10px;}
  .team-tabs button { font-size: 17px;}
  .team-box p { font-size: 16px;}
  .team-box:after { width: 120px;}

  .footer-wrapper { padding: 80px 0 0;}
  .investor-contact { padding: 30px;}
  .investor-contact h3 { margin-bottom: 20px !important;}
  .btm-ftr p { text-align: center; margin-bottom: 15px !important;}
  .btm-ftr ul.nav.justify-content-end { justify-content: center !important;}

}
@media only screen and ( max-width: 991px ) {

  .title-wrapper{ margin-bottom: 20px;}
  .vertical-text { font-size: 16px;}

  .banner-img { padding-bottom: 75%;}
  .banner-content-wrapper .banner-full-content { max-width: 500px;}
  .slider-nav { width: 140px;}
  .slider-nav .slick-arrow { width: 70px; height: 60px;}
  .company-img { width: 95%; position: relative;}
  .company-inner-wrap:after { width: 100%;}
  .conpany-inner-content { padding: 60px 0 0 0; margin-top: 0;}
  .company-counter:after { width: 90%;}
  .company-counter ul#counter { width: 87%;}
  .company-counter h2.count, .company-counter ul li span { font-size: 50px;}
  .services-wrapper .services-content { transform: inherit; padding: 20px 15px;}
  .services-wrapper .services-content h3 { font-size: 22px; padding-bottom: 5px; margin-bottom: 10px;}
  .services-wrapper .services-content p { opacity: 1; font-size: 14px;}
  .services-wrapper .services-content h3:after { width: 40px;}
  .services-wrapper .services-img:after { background: rgba(0, 0, 0, 0.5);}
  .why-choose-us-section { padding: 25% 0 60px; margin-top: -25%;}
  .why-choose-us-section .d-flex.gap-4 { flex-wrap: wrap; justify-content: center;}
  .why-choose-us-section .choose-wrapper { width: calc(33.33% - 0.8rem);}
  .services-img { padding-bottom: 100%;}
  .services-details-btn a { opacity: 1; visibility: visible; width: 30px; height: 30px;}
  .services-details-btn a:after { width: 40px; height: 40px;}
  .services-details-btn a img { width: 14px;}
  .chairman-image img { width: 100%;}
  .team-tabs { justify-content: center !important; margin: 0 auto 0;}
  .team-section .tab-content .col-lg-3 { margin-top: 24px;}
  .footer-wrapper h5 { margin-top: 30px;}
  .investor-contact { margin-bottom: 20px;}
  .footer-wrapper .btm-ftr { margin-top: 60px;}

}
@media only screen and ( max-width: 767px ) {
  
  .subtitle { font-size: 35px;}
  .title-wrapper{ padding: 0; margin-bottom: 30px;}
  .vertical-text { writing-mode: inherit; transform: none; text-align: left; line-height: normal; position: relative; top: 0 !important; left: 0 !important; right: auto; height: auto; margin-bottom: 10px; justify-content: start;} 
  .banner-img { padding-bottom: 0; height: 89.4dvh;}
  .banner-content-wrapper .title-wrapper h1 { margin: 0;}
  .banner-content-wrapper .banner-content { top: 45%;}
  .banner-content-wrapper .col-lg-12 { display: flex; flex-wrap: wrap;}
  .banner-content-wrapper .title-wrapper { max-width: 100%; order: 1;}
  .banner-content-wrapper .banner-full-content { max-width: 100%; order: 2; padding: 0;}
  .banner-content-wrapper .banner-full-content p { margin-bottom: 25px;}
  .banner-content-wrapper a.btn { order: 3;}
  .line-wrapper{ display: none;}
  .solution-section .col-xl-3:nth-child(even) { margin-top: 0;}
  .solution-box .solution-inner-box { margin-top: -1px; margin-left: 0;}
  .solution-yellow-box { padding: 70px 35px; margin-right: 0; margin-top: -1px;}
  .company-img { height: 60vw;}
  /* .company-inner-wrap:after, .company-counter:after { width: 95%;} */
  .conpany-inner-content { padding: 50px 0 0 0;}
  .company-counter ul#counter { width: 95%; display: block; text-align: center;}
  .company-counter ul#counter li.item { margin-bottom: 30px;}
  .company-counter ul#counter li.item:last-child { margin-bottom: 0;}
  .company-counter ul#counter li.item .d-flex { justify-content: center;}
  /* .services-wrapper { margin-bottom: 30px;} */
  .why-choose-us-section .choose-wrapper { width: calc(100% - 0.8rem); text-align: center;}
  .why-choose-us-section .icon-wrapper { margin: 0 auto 30px; justify-content: center;}
  .brand-slider .slick-track .slick-slide { padding: 0 10px;}
  .brand-img { padding: 10px 15px;}
  .brand-img:hover { border-radius: 10px;}
  .team-tabs button { font-size: 15px;}
  .footer-wrapper { padding: 60px 0 0;}
  .investor-contact { padding: 30px 20px;}

  .mb-wrap{ margin-bottom: 25px;}
  .mb-wrap p:not(:last-child){ margin-bottom: 12px;}
  
}
@media only screen and ( max-width: 479px ){
  .footer-wrapper .btm-ftr { margin-top: 50px; padding: 20px 0;}
  .footer-wrapper .btm-ftr ul li a{ font-size: 14px;}
  .footer-wrapper .btm-ftr ul li:after{ margin: 0 6px;}
}
/* about page start */
.inner-banner { background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; padding-bottom: 25%;}
.inner-banner::before{ content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 51.08%, rgba(0, 0, 0, 0.9) 100%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.inner-banner .container-holder { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center;}
.inner-banner .title-wrapper{ padding-top: 10px !important; margin-bottom: 0;}
.inner-banner .banner-info h1 { color: var(--bs-white); margin-bottom: 0;}

.company-overview-wraper::before { content: ""; background: var(--light); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; height: 100%; width: 65%;}
.company-overview-wraper::after { content: ""; background: var(--light); position: absolute; z-index: 1; top: 0; right: -350%; bottom: 0; height: 100%; width: 350%;}

.company-overview-section .image-outer-wraper { padding-right: 6%;}
.company-overview-section .image-wraper { padding-bottom: 98%;}
.company-overview-section .title-wrapper{ margin-bottom: 30px;}
.company-overview-section .info-wraper p{ margin-bottom: 15px;}
.last-text p:last-child{ margin-bottom: 0;}


.card-wraper { border: 1px solid #B2C2CC; padding: 30px; height: 100%;}
.card-wraper .top-row { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.card-wraper .top-row h4{ color: var(--body-color); margin-bottom: 0;}
.card-wraper .card-icon{ width: 80px; height: 80px; background: #E4F0F7; border-radius: 50%; display: flex; align-items: end; justify-content: flex-end; margin-right: 20px;}

.awards-wraper-row .row{ row-gap: 25px; justify-content: center;}
.awards-section .section-title h2{ font-weight: var(--regular);}
.awards-image{ padding-bottom: 100%;}
.additional-explore-section { background: url(../images/additional-explore.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.pdf-box-outer{ margin-bottom: -30px;}
.pdf-box-col{ margin-bottom: 30px;}
.pdf-box-wraper { background: var(--bs-white); border: 1px solid #D1E7F1; height: 100%;}
.pdf-box-wraper .top-row { padding: 30px; border-bottom: 1px solid #00446233;}
.pdf-box-wraper .icon { display: flex; align-items: center; justify-content: center; background: #F2F5F7; width: 100px; height: 100px; padding: 15px; margin: 0 auto;}
.pdf-box-wraper .bottom-row { padding: 20px 20px 30px; gap: 10px;}
.pdf-box-wraper .bottom-row .title { max-width: 265px; padding-right: 15px;}
.pdf-box-wraper .bottom-row h4{ margin-bottom: 0;}
.download-btn { display: flex; align-items: center; justify-content: center; background: var(--red); border: 1px solid var(--red); width: 50px; height: 50px; transition: var(--common-transition);}
.download-btn img{ filter: brightness(0) invert(1); transition: var(--common-transition);}
.download-btn:hover{ background: transparent;}
.download-btn:hover img{ filter: inherit;}
@media only screen and ( max-width: 1399px ){
  .company-overview-section .image-outer-wraper { padding-right: 3%;}
  .card-wraper{ padding: 25px 20px;}
  .pdf-box-wraper .top-row{ padding: 25px 20px;}
  .pdf-box-wraper .bottom-row { padding: 15px 15px 20px;}
}
@media only screen and ( max-width: 1199px ){
  .inner-banner h1 { padding: 7px 0;}
  .card-wraper { padding: 25px 15px;}
  .pdf-box-wraper .icon{ width: 80px; height: 80px;}
  .pdf-box-wraper .bottom-row .title{ max-width: 225px;}
  .download-btn{ width: 38px; height: 38px; padding: 10px;}
}
@media only screen and ( max-width: 991px ){
  .inner-banner{ padding-bottom: 32%;}
  .inner-banner .banner-info h1{ line-height: 1;}
  .company-overview-section .image-outer-wraper { padding-right: 0; margin-bottom: 25px;}
  .company-overview-wraper{ margin-bottom: 0;}
  .company-overview-wraper::before{ width: 350%; bottom: auto;}
  .company-overview-wraper::after{ bottom: auto;}
  .company-overview-section .title-wrapper { margin-bottom: 25px;}
  .company-overview-section .card-outer { padding-top: 80px;}
  .company-overview-section .card-outer .row{ margin-bottom: -25px;}
  .company-overview-section .card-outer .card-wraper-col{ margin-bottom: 25px;}
  /* .awards-wraper-row{ margin-bottom: -25px;}
  .awards-image-col{ margin-bottom: 25px;} */
  .pdf-box-col{ margin-bottom: 25px;}
}
@media only screen and ( max-width: 767px ){
  .inner-banner h1 { padding: 0;}
  .company-overview-section .card-outer{ padding-top: 60px;}
}
@media only screen and ( max-width: 575px ){
  .inner-banner{ padding-bottom: 40%;}
  .awards-wraper-row { margin-bottom: -10px;}
  .awards-wraper-row .row{ row-gap: 10px; margin-left: -5px; margin-right: -5px;}
  .awards-wraper-row .row>* { padding-right: 5px; padding-left: 5px;}
}
@media only screen and ( max-width: 419px ){
  .inner-banner{ padding-bottom: 55%;}
}
/* about page end */

/* Dealer & Distribution Network page start */
.our-distribution-section{ background: var(--light);}
.form-outer .info-col { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; background: var(--yellow); padding: 50px;}
.form-outer .info-col *{ color: var(--bs-white);}
.form-outer .info-col p:not(:last-child){ margin-bottom: 15px;}
.form-outer{ background: var(--bs-white); border: 1px solid #B2C2CC; box-shadow: 0px 6px 20px 0px #0000000D; padding: 20px;}
.form-outer .form-holder { padding: 30px;}
.form-label, .form-holder .button-wrap{ padding-top: 10px;}
.form-label label{ font-weight: var(--medium);}
@media only screen and ( max-width: 1399px ){
  .form-outer .info-col{ padding: 35px 25px;}
  .form-outer .form-holder{ padding: 25px 20px;}
}
@media only screen and ( max-width: 1199px ){
  .form-outer .info-col{ padding: 30px 20px;}
}
@media only screen and ( max-width: 991px){
  .form-outer .info-col{ height: auto;}
  .form-outer .form-holder{ padding: 25px 0 0;}
}
@media only screen and ( max-width: 767px){
  .form-outer{ padding: 15px;}
  .form-outer .info-col { height: auto; padding: 20px 15px;}
  
}
/* Dealer & Distribution Network page end */

/* contact page start */
.get-in-touch-section .vertical-text { top: -7px;}
.get-in-touch-box .top-row { margin-bottom: 10px; padding-bottom: 0; border-bottom: 0;}
.get-in-touch-box .top-row .card-icon { margin: 0 0 20px;}
.get-in-touch-box p { margin-bottom: 0;}
.get-in-touch-box a:hover{ color: var(--yellow);}

.form-outer .info-col iframe { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.contact-section .form-holder .title-wrapper { margin-bottom: 25px;}
.contact-section .form-holder .section-title{ margin-bottom: 30px;}
/* @media only screen and ( max-width: 1199px ){
 .form-outer .map-wraper{ height: auto; padding: 0 0 70% 0;}
} */
@media only screen and ( max-width: 991px ){
  .form-outer .map-wraper{ height: auto; padding: 0 0 70% 0;}
  .get-in-touch-section .row{ margin-bottom: -25px;}
 .get-in-touch-box-col{ margin-bottom: 25px;}
}
@media only screen and ( max-width: 479px ){
  .form-outer .map-wraper{ padding-bottom: 105%;}
}

/* INVESTORS BOARD MEETING PAGE START HERE */
.pdf-full-box-wraper{ padding: 30px;}
.pdf-full-box-wraper .icon { flex-direction: column; width: 175px; height: 175px; gap: 15px; margin-right: 40px;}
.pdf-full-box-wraper h4, .pdf-full-box-wraper h3{ color: var(--body-color); margin-bottom: 0;}
.pdf-full-box-wraper .right-col { display: flex; align-items: center; padding-left: 75px; border-left: 1px solid #00446222;}
.image-btn{ display: inline-flex; align-items: center; gap: 12px;}
.image-btn::before { content: ""; display: inline-block; position: relative; z-index: 5; background: url(../images/download-white.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; width: 26px; height: 26px; transition: var(--common-transition);}
.image-btn:hover::before{ filter: brightness(0);}
@media only screen and ( max-width: 1199px ){
  .pdf-full-box-wraper { padding: 20px;}
  .pdf-full-box-wraper .icon{ width: 130px; height: 130px; margin-right: 20px;}
  .pdf-full-box-wraper .right-col{ padding-left: 35px;}
  .pdf-full-box-wraper .icon img { height: 50px;}
}
@media only screen and ( max-width: 767px ){
  .pdf-full-box-wraper { padding: 15px;}
  .pdf-full-box-wraper .inner-row { flex-wrap: wrap;}
  .pdf-full-box-wraper .icon { width: 100px; height: 100px; margin-right: 15px; padding: 10px 5px;}
  .pdf-full-box-wraper .icon img { height: 40px;}
  .pdf-full-box-wraper .icon h4 { font-size: 16px;}
  .pdf-full-box-wraper h3{ font-size: 20px;}
  .pdf-full-box-wraper .right-col { padding-left: 0; padding-top: 15px; margin-top: 15px; border-top: 1px solid #00446222; border-left: 0; width: 100%;}
}
/* INVESTORS BOARD MEETING PAGE END HERE */

/* INVESTORS DIRECTORS MEMBERS PAGE START HERE */
.team-card-popup .modal-dialog { max-width: 1300px;}
.team-card-popup .modal-content{ border-radius: 0;}
.team-card-popup .modal-body { padding: 50px;}
.card-popup .image-outer { background: #EFF6FC; border: 1px solid #D8E8F6; padding: 50px; margin-right: 50px;}
.card-popup .image-wraper { padding-bottom: 100%;}
.card-popup h2{ margin-bottom: 5px;}
.card-popup h3{ color: var(--red);}
.card-popup p{ font-size: 20px;}
.team-card-popup  .btn-close { background-color: #D3C8AB; width: 50px !important; height: 50px !important; border-radius: 50%; box-shadow: none; opacity: 1; color: #000000; font-size: 15px; padding: 0; position: absolute; z-index: 10; top: 20px; right: 20px; transition: var(--common-transition);}
.team-card-popup  .btn-close:hover{ background-color: var(--yellow);}
.white-bg .team-box { border: 1px solid #B2C2CC;}
@media only screen and ( max-width: 1399px ){
  .team-card-popup .modal-dialog{ max-width: 1020px;}
  .team-card-popup .modal-body { padding: 40px 30px;}
  .card-popup .image-outer{ padding: 30px;}
  .card-popup p{ font-size: 18px;}
}
@media only screen and ( max-width: 1199px ){
  .card-popup .image-outer{ margin-right: 0;}
}
@media only screen and ( max-width: 991px ){
  .member-section .team-box-row{ margin-bottom: -25px;}
  .member-section .team-box-col { margin-bottom: 25px;}
  .card-popup .image-outer { padding: 20px;}
  .team-card-popup .btn-close{ width: 45px !important; height: 45px !important;}
}
@media only screen and ( max-width: 767px ){
  .team-card-popup .modal-body { padding: 65px 15px 30px;}
  .team-card-popup .btn-close{ top: 15px; right: 15px;}
  .card-popup .image-outer{ padding: 15px; margin-bottom: 25px;}
  .card-popup p{ font-size: 16px;}
}
/* INVESTORS DIRECTORS MEMBERS PAGE END HERE */

/* INVESTORS SHARE HOLDING PATTNERS PAGE START HERE */
.share-table-wraper table { background: var(--bs-white); width: 100%; border: 2px solid #EDEDED;}
.share-table-wraper tr>* { padding: 30px;}
.share-table-wraper  thead{ border-bottom: 2px solid #EDEDED;}
.share-table-wraper th, .share-table-wraper tfoot td { font-size: 20px; font-weight: var(--bold);}
.share-table-wraper tbody tr:nth-child(even){ background: #F1F6F9;}
.share-table-wraper tfoot{ background: #D4E1E9;}

.share-table-wraper::-webkit-scrollbar { height: 5px;}
.share-table-wraper::-webkit-scrollbar-track { background-color:rgba(128, 128, 128, 0.5); border-radius: 50px;}
.share-table-wraper::-webkit-scrollbar-thumb { background-color: var(--yellow); border-radius: 50px;}

@media only screen and ( max-width: 1699px ){
  .share-table-wraper tr>* { padding: 20px;}
  .share-table-wraper th{ font-size: 18px;}
  .share-table-wraper td{ font-size: 16px;}
  .share-table-wraper tfoot td{ font-size: 18px;}
}
@media only screen and ( max-width: 1399px ){
  .share-table-wraper th:not(:first-child){ min-width: 260px;}
}
@media only screen and ( max-width: 767px ){
  .share-table-wraper th{ font-size: 16px;}
  .share-table-wraper td{ font-size: 15px;}
  .share-table-wraper tfoot td{ font-size: 16px;}
  .share-table-wraper th:not(:first-child) { min-width: 245px;}
}
/* INVESTORS SHARE HOLDING PATTNERS PAGE END HERE */

/* INFRASTRUCTURE PAGE START HERE */
.empowering-section .company-overview-wraper::after { right: auto; left: -350%;}
.empowering-section .company-overview-wraper::before { right: auto; left: 0;}
.empowering-slider .slick-list { margin: 0 -15px;}
.empowering-slider .slick-slide { padding: 0 15px;}
.empowering-box  .services-details-btn a { top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.empowering-box .services-img{ padding-bottom: 82%;}
.empowering-box .services-img:after{ background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden;}
.empowering-box:hover .services-img:after{ opacity: 1; visibility: visible;}
.custom-nav { flex: 0 0 auto; width: auto; gap: 15px;}
.custom-nav .slick-arrow { width: 60px; height: 60px; border: 1px solid #FF0016;}
.empowering-slider .services-details-btn{ display: none;}
.empowering-slider .empowering-box .services-img:after{ display: none;}
@media only screen and ( max-width: 991px ){
  .empowering-slider .slick-list { margin: 0 -10px;}
  .empowering-slider .slick-slide { padding: 0 10px;}
  .empowering-box .services-img:after{ opacity: 1; visibility: visible;}
}
@media only screen and ( max-width: 767px ){
  .explore-section .top-row{ flex-wrap: wrap;}
  .explore-section .top-row .slider-nav { margin-top: 10px !important; margin-left: auto !important;}
  .custom-nav .slick-arrow{ width: 50px; height: 50px;}
  .empowering-slider .services-wrapper{ margin-bottom: 0;}
}
@media only screen and ( max-width: 479px ){
  .custom-nav{ gap: 12px;}
  .custom-nav .slick-arrow{ width: 40px; height: 40px; padding: 12px;}
}
/* INFRASTRUCTURE PAGE END HERE */

/* CAREER PAGE START HERE */
.career-box { background: #fff; box-shadow: 0px 10px 20px 0px #1E64AF0D; border: 1px solid #E1EBF5; padding: 40px;}
.career-box h3{ color: var(--body-color);}
.career-box .info-wrap{ margin-bottom: 25px;}
.career-box .info-wrap ul { display: flex; align-items: center; padding: 0; margin: 0; list-style: none; gap: 20px;}
.career-box .info-wrap li{ display: flex; align-items: center; gap: 10px; line-height: 1;}
.career-box .info-wrap li span{ display: inline-block; flex: 0 0 auto; height: 26px;}
.career-box .info-wrap li img{ height: 100%;}
.career-box .button-col { display: flex; flex-direction: column; align-items: center; flex: 0 0 auto; justify-content: center; border-left: 1px solid rgba(0, 0, 0, 0.1); padding-left: 80px; margin-left: 60px;}
.career-box:not(:last-child){ margin-bottom: 30px;}
.btn.btn-secondary{ background-color: transparent !important; border: 2px solid #FF0016 !important; color: var(--red) !important;}
.btn.btn-secondary::after{ display: none;}
.btn.btn-secondary:hover{ background-color: var(--red) !important; color: var(--bs-white) !important;}
.career-box-section .button-row { margin-top: 50px;}
.career-card-pop-up .image-outer, .career-card-pop-up .image-wraper { height: 100%;}
.career-card-pop-up .info-wraper { padding: 50px 50px 50px 26px;}
.career-pop-up-form label.form-control { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 110px;}
.career-pop-up-form input[type="file"] { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; font-size: 0; cursor: pointer;}
.file-name-show-box { font-size: 16px; }
.file-name-show-box .remove-file { display: inline-block; font-size: 15px; margin-left: 2px; width: 25px; height: 20px; }
/* .career-pop-up-form input[type="file"]::file-selector-button { display: none !important; } */


/* .career-pop-up-form input[type="file"]::-ms-file-selector-button { display: none !important; }
.career-pop-up-form input[type="file"]::-webkit-file-selector-button { display: none !important; } */

/* .form-control::placeholder{ color: #767676; opacity:1;}
.form-control:-input-placeholder{ color: #767676;}
.form-control::input-placeholder{ color: #767676;} */

.career-image-info-section .info-wraper .button-row { margin-top: 50px;}
.career-image-info-section .image-outer { padding-right: 7%;}
.career-image-info-section .imag-wraper { padding-bottom: 98%;}
.career-image-info-section .flex-row-reverse .image-outer { padding-right: 0; padding-left: 7%;}
@media only screen and ( max-width: 1399px ){
  .career-box{ padding: 25px;}
  .career-box .button-col{ padding-left: 40px; margin-left: 30px;}
  .career-card-pop-up .info-wraper { padding: 50px 30px 50px 20px;}
}
@media only screen and ( max-width: 1199px ){
  .career-image-info-section .image-outer { padding-right: 2%;}
  .career-image-info-section .flex-row-reverse .image-outer{ padding-left: 2%;}
}
@media only screen and ( max-width: 991px ){
  .career-box { padding: 20px 15px;}
  .career-box .info-wrap ul{ flex-wrap: wrap; gap: 12px;}
  .career-box .button-col { padding-left: 15px; margin-left: 15px;}
  .career-box:not(:last-child) { margin-bottom: 25px;}
  .career-box-section .button-row { margin-top: 30px;}
  .career-card-pop-up .image-wraper { padding-bottom: 100%;}
  .career-card-pop-up .info-wraper { padding: 30px 15px;}
}
@media only screen and ( max-width: 767px ){
  .career-box .inner-row{ flex-wrap: wrap;}
  .career-box .info-wrap { margin-bottom: 15px;}
  .career-box .info-wrap li span{ height: 20px;}
  .career-box .button-col { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 0; margin: 15px 0 0 0; padding: 15px 0 0 0; width: 100%;}
  .career-image-info-section .image-outer { padding-right: 0; margin-bottom: 25px;}
  .career-image-info-section .flex-row-reverse .image-outer{ padding-left: 0;}
}
@media only screen and ( max-width: 575px ){
  .career-box .info-wrap li{ line-height: 1.4;}
}
/* CAREER PAGE END HERE */

/* CASE STUDIES START HERE */
.case-studies-box .image-wraper { padding-bottom: 65%; margin-bottom: 30px;}
.case-studies-box h3{ color: var(--red);}
.nav-tabs-wraper{ background: #DDE4E8;}
.nav-tabs-wraper::after { content: ""; background: #DDE4E8; width: 350%; height: 100%; position: absolute; z-index: 1; top: 0; bottom: 0; left: -350%;}
.nav-tabs-wraper::before { content: ""; background: #DDE4E8; width: 350%; height: 100%; position: absolute; z-index: 1; top: 0; right: -350%; bottom: 0;}
.nav-tabs-wraper ul { border: 0; border-radius: 0; position: relative; z-index: 3;}
.nav-tabs-wraper ul li.nav-item { width: 25%; text-align: center;}
.nav-tabs-wraper ul .nav-item button { background: transparent !important; border: 0; padding: 20px 50px; margin: 0 auto; font-size: 20px; color: rgba(67, 67, 67, 0.5); font-weight: var(--semi-bold); transition: var(--common-transition); position: relative;}
.nav-tabs-wraper ul .nav-item button::before{ content: ""; background: var(--red); width: 100%; height: 2px; position: absolute; z-index: 1; top: 0; right: 0; left: 0; opacity: 0; transition: 0.5s;}
.nav-tabs-wraper ul .nav-item button:hover, .nav-tabs-wraper ul .nav-item button.active{ color: var(--body-color);}
.nav-tabs-wraper ul .nav-item button:hover::before, .nav-tabs-wraper ul .nav-item button.active::before{ opacity: 1;}

.case-studies-slider { margin-bottom: 0;}
.case-studies-slider .slick-list { margin: 0 -31px;}
.case-studies-slider .slick-slide{ padding: 0 30px; border-right: 1px solid #B2C2CC;}
.case-studies-slider .slick-dots { bottom: 0; position: relative; margin-top: 15px;}
.case-studies-slider .slick-arrow{ width: 45px; height: 45px; border: 1px solid #FF0016; z-index: 1; transition: var(--common-transition);}
.case-studies-slider .slick-arrow::before{ content: "" !important; background-size: 25px !important; background-position: center !important; background-repeat: no-repeat !important; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 25px; height: 20px; margin: auto; transition: var(--common-transition);}
.case-studies-slider .slick-prev{ left: -50px;}
.case-studies-slider .slick-next{ right: -50px;}
.case-studies-slider .slick-prev::before { background: url(../images/left-arrow.svg);}
.case-studies-slider .slick-next::before { background: url(../images/right-arrow.svg);}
.case-studies-slider .slick-arrow:hover{ background: var(--red);}
.case-studies-slider .slick-arrow:hover::before{ filter: brightness(0) invert(1);}

.project-box .services-img:after{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 49.1%, rgba(0, 0, 0, 0.9) 100%);}
.project-box:hover .services-img:after{background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, #000000 100%);}
.project-box-row{ margin-bottom: -30px;}
.project-box-col{ margin-bottom: 30px;}
@media only screen and ( max-width: 1399px ){
  .case-studies-slider .slick-list{ margin: 0 -21px;}
  .case-studies-slider .slick-slide{ padding: 0 20px;}
  .nav-tabs-wraper ul .nav-item button{ font-size: 18px;}
  .case-studies-slider .slick-arrow{ width: 35px; height: 35px;}
  .case-studies-slider .slick-arrow::before{ background-size: 20px !important;}
  .case-studies-slider .slick-prev{ left: -40px;}
  .case-studies-slider .slick-next{ right: -40px;}
}
@media only screen and ( max-width: 767px){
  .case-studies-slider .slick-list{ margin: 0 -10px;}
  .case-studies-slider .slick-slide{ padding: 0 10px; border-right: 0;}
  .nav-tabs-wraper ul .nav-item button { font-size: 16px; padding: 20px 30px;}
  .project-box-row { margin-bottom: -25px;}
  .project-box-col{ margin-bottom: 25px;}
  .project-box-col .services-wrapper{ margin-bottom: 0;}
}
@media only screen and ( max-width: 575px){
  .nav-tabs-wraper ul .nav-item button { padding: 18px 20px;}
}
/* CASE STUDIES END HERE */

/* FAQs PAGE START HERE */
.accordion-outer .accordion-item { margin-bottom: 20px; border: 0;}
.accordion-outer button.accordion-button { align-items: start; background: #DDE4E8; border-radius: 0 !important; box-shadow: none; gap: 10px; padding: 20px; font-size: 20px; color: #434343; font-weight: 700;}
.accordion-body{ background: var(--bs-white); box-shadow: 0px 4px 20px 0px #0000000F; padding: 20px;}
.accordion-outer .button-row { margin-top: 50px;}
@media only screen and ( max-width: 1399px ){
  .accordion-outer button.accordion-button{ font-size: 18px;}
}
@media only screen and ( max-width: 991px ){
  .accordion-outer button.accordion-button{ padding: 20px 15px;}
  .accordion-body{ padding: 20px 15px;}
  .accordion-outer .button-row { margin-top: 30px;}
}
@media only screen and ( max-width: 767px ){
  .accordion-outer button.accordion-button { font-size: 16px;}
  .accordion-outer .button-row { margin-top: 25px;}
}
/* FAQs PAGE END HERE */

/* BLOGS PAGE START HERE */
.blog-box-col{ margin-bottom: 30px;}
.blog-box .blog-image { padding-bottom: 60%; margin-bottom: 20px;}
.blog-box .blog-info { padding-right: 20px;}
.upadte-box{ margin-bottom: 20px;}
.upadte-box ul { list-style: none; padding: 0; margin: 0;}
.upadte-box li { display: flex; align-items: center; gap: 8px;}
.upadte-box li span { display: block; height: 18px;}
.upadte-box li span *{ display: block; height: 100%;}
.blog-box h4{ margin-bottom: 0;}

.pagination-wraper { margin-top: 20px;}
.pagination-wraper nav { display: flex; justify-content: center;}
.pagination-wraper .page-numbers { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 2px solid #B2C2CC; margin: 0 10px; font-size: 20px; font-weight: var(--bold); transition: var(--common-transition);}
.pagination-wraper .next, .pagination-wraper .prev{ position: relative; font-size: 0 !important;} 
.pagination-wraper a.next::before { content: ""; background: url(../images/red-right-arrow.svg); background-size: 18px; background-position: center; background-repeat: no-repeat; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 15px; margin: auto; transition: var(--common-transition);}
.pagination-wraper .prev::before { content: ""; background: url(../images/red-leftarrow.svg); background-size: 18px; background-position: center; background-repeat: no-repeat; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 15px; margin: auto; transition: var(--common-transition);}

.pagination-wraper .page-numbers:hover, .pagination-wraper .page-numbers.current{ border-color: var(--red);}

.pagination-wraper .next:hover, .pagination-wraper .prev:hover{ background: var(--red); border-color: var(--red); color: var(--bs-white);}
.pagination-wraper .next:hover::before, .pagination-wraper .prev:hover::before{ filter: brightness(0) invert(1);}

.details-section { padding-top: 50px;}
.details-section .details-iamge { padding-bottom: 50%;}
.details-info p:last-child{ margin-bottom: 0;}
.details-highlights-box { background: #FCB62B; padding: 60px; border-left: 5px solid #FF0016; margin: 50px 0;}
.details-highlights-box *{ color: var(--bs-white); font-size: 24px; font-weight: var(--bold); margin-bottom: 0;}
.details-highlights-box::before { content: ""; background: url(../images/quote.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; position: absolute; z-index: 1; width: 75px; height: 70px; top: 50px; left: 50px; opacity: 0.2;}
.details-highlights-box .inner-wrap{ z-index: 3;}
@media only screen and ( max-width: 1399px ){
  .details-highlights-box *{ font-size: 22px;}
  .pagination-wraper .page-numbers{ font-size: 16px;}
}
@media only screen and ( max-width: 1199px ){
  .details-highlights-box { padding: 30px; margin: 25px 0;}
  .details-highlights-box::before { width: 50px; height: 50px; top: 20px; left: 20px;}
  .details-highlights-box *{ font-size: 20px;}
}
@media only screen and ( max-width: 991px ){
  .pagination-wraper { margin-top: 0;}
  .details-section { padding-top: 40px;}
  .details-highlights-box *{ font-size: 18px;}
}
@media only screen and ( max-width: 767px ){
  .blog-box-col { margin-bottom: 25px;}
  .blog-box-col:last-child{ margin-bottom: 0;}
  .pagination-wraper { margin-top: 30px;} 
  .pagination-wraper .page-numbers{width: 45px; margin: 0 5px; height: 45px;}
  .details-section { padding-top: 30px;}
  .details-highlights-box { padding: 20px 15px;}
  .details-highlights-box * { font-size: 16px;}
}
/* BLOGS PAGE END HERE */

/* GALLERY PAGE START HERE */
.gallery-box-col{ margin-bottom: 30px;}
button.fancybox-button.fancybox-button--thumbs { display: none; }
@media only screen and ( max-width: 767px ){
  .gallery-box-col { margin-bottom: 25px;}
  .gallery-box-col .services-wrapper{ margin-bottom: 0;}
}
/* GALLERY PAGE END HERE */

/* CSR PAGE START HERE */
.description-section .line-wrapper{ top: 0;}
.description-section .title-wrapper { max-width: 640px;}
.csr-box { background: var(--bs-white); border: 1px solid #BDBDBD; padding: 50px;}
.csr-box h3{ color: #434343;}
.csr-box p:last-child{ margin-bottom: 0;}

.learnings-section .company-img{ height: calc(100% - 100px);}
.learnings-section .conpany-inner-content{ padding: 100px 0 100px 100px;}
.learnings-section .company-inner-wrap:after{ height: calc(100% - 100px); top: auto; bottom: 0;}
.learnings-section .conpany-inner-content ul{ list-style: none; padding: 0; margin: 0;}
.learnings-section .conpany-inner-content li{ display: flex; align-items: start; gap: 8px; position: relative; color: var(--bs-white); margin-bottom: 20px; list-style: none;}
.learnings-section .conpany-inner-content li::before { content: ""; background: url(../images/list.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; display: block; width: 12px; height: 15px; flex: 0 0 auto; position: relative; top: 5px;}
.advantage-section{ overflow: hidden;}
.advantage-section .right-col { padding-left: 18%; position: relative;}
.advantage-list-box{ background: var(--bs-white); border: 1px solid #E1EBF5; padding: 30px; position: relative; z-index: 3;}
.advantage-list-box *{ margin: 0;}
.advantage-list-box:not(:last-child){ margin-bottom: 30px;}

.advantage-section .right-col::after { content: ""; background: #F1F6F9; position: absolute; z-index: 1; top: 50%; right: 0; height: 350%; width: 35%; transform: translateY(-50%);}
.advantage-section .right-col::before { content: ""; background: #F1F6F9; position: absolute; z-index: 1; top: 50%; right: -550%; height: 350%; width: 550%; transform: translateY(-50%);}
@media only screen and ( max-width: 1399px ){
  .csr-box{ padding: 30px;}
  .learnings-section .conpany-inner-content{ padding-left: 40px;}
  .advantage-section .right-col{ padding-left: 12%;}
}
@media only screen and ( max-width: 1199px ){
  .learnings-section .company-img, .learnings-section .company-inner-wrap:after { height: calc(100% - 60px);}
  .learnings-section .conpany-inner-content { padding: 60px 0 60px 25px;}
  .advantage-section .right-col::after{ width: 60%;}
  .advantage-list-box{ padding: 20px;}
}
@media only screen and ( max-width: 991px ){
  .csr-box { padding: 25px 15px;}
  .learnings-section .conpany-inner-content { padding: 50px 0 40px 0;}
  .advantage-section{ position: relative;}
  .advantage-section::before{ content: ""; background: #F1F6F9; position: absolute; z-index: 1; top: auto; right: 0; bottom: 0; left: 0; width: 100%; height: 45%;}
  .advantage-section .info-wraper{ margin-bottom: 25px;}
  .advantage-section .right-col { padding-left: 0;}
  .advantage-section .right-col::after { display: none;}
  .advantage-section .right-col::before{ display: none;}
  .advantage-list-box { padding: 20px 15px;}
}
@media only screen and ( max-width: 767px ){
  .advantage-list-box:not(:last-child) { margin-bottom: 25px;}
}
/* CSR PAGE END HERE */

/* DEFAULT TEMPLATE START HERE */
.no-banner-section { min-height: calc(100vh - 350px);}