/* #### Generated By: http://font.download #### */



:root{

  --primaryColor: #7D3333;

}



  @font-face {

    font-family: 'Futura LT Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT Regular'), url('../fonts/FuturaLT.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Futura LT Book';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT Book'), url('../fonts/FuturaLT-Book.woff') format('woff');

    }

    



    

    @font-face {

    font-family: 'Futura LT Light';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT Light'), url('../fonts/FuturaLT-Light.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Futura LT CondensedLight';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT CondensedLight'), url('../fonts/FuturaLT-CondensedLight.woff') format('woff');

    }

    



    



    @font-face {

    font-family: 'Futura LT Condensed';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT Condensed'), url('../fonts/FuturaLT-Condensed.woff') format('woff');

    }

    





    @font-face {

    font-family: 'Futura LT ExtraBold';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT ExtraBold'), url('../fonts/FuturaLT-ExtraBold.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Futura LT Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT Bold'), url('../fonts/FuturaLT-Bold.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Futura LT CondensedBold';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT CondensedBold'), url('../fonts/FuturaLT-CondensedBold.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Futura LT CondensedExtraBold';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT CondensedExtraBold'), url('../fonts/FuturaLT-CondensedExtraBold.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Futura LT Heavy';

    font-style: normal;

    font-weight: normal;

    src: local('Futura LT Heavy'), url('../fonts/FuturaLT-Heavy.woff') format('woff');

    }

    



    

    

img {display: block;}

body {font-family: 'Futura LT Regular'; font-size: 18px; line-height: 22px; font-weight: 400; overflow-x: hidden; background-color: #ffffff;}

.clearfix:after {display: block; content: ""; clear: both;}

.clear {clear:both;}

select {font-family: 'Futura LT Regular'; -webkit-appearance: none; -moz-appearance: none; appearence: none;}



body.freeze { position: fixed;

  width: 100%;

  overflow: hidden;}



::-webkit-scrollbar {

  width: 0;

  height: 0;

}



.cursor {position: fixed; pointer-events: none; z-index: 999999; mix-blend-mode: difference; opacity: 1;}

.cursor .shape {position: absolute; display: flex; align-items: center; justify-content: center; width: 4vw; height: 4vw; border:1px solid #ffffff; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); transition: 0.5s; transform-origin: center;}

.cursor .shape .ar {transform: translate(-50%, -50%) rotate(-45deg); width: 1.5vw; margin-top: 2.5vw; margin-left: 1vw; opacity:0; transform: 0.5s;}



.cursor.square {mix-blend-mode: unset;}

.cursor.square .shape {border-radius: 0px; width: 3vw; height: 3vw; background-color: rgba(255,255,255,0.2); border:none; transform: translate(-50%, -50%) rotate(45deg);}

.cursor.square .shape .ar {opacity:1;}

.cursor.rotate .shape {transform: translate(-50%, -50%) rotate(-135deg);}



.logoanim {position:absolute; top:50%; left:50%; transform:scale(0.3) translate(-50%,-50%); width:100%; transition:1s 4s ease-in-out;}

.logoanim .tp {position: absolute; top: 0%; left: 50%; width: 20%; height: 51%; transform: translateX(-63%) rotate(-135deg) scale(1.5); transform-origin: center; transition:2.5s ease-out;}

.logoanim .tp .dv {opacity: 1; position: absolute; transform-origin: center; width: 69%; margin-top: 0px;}

.logoanim .tp .dv1 {top: 0%; left: 1.73%;}

.logoanim .tp .dv2 {top: 12.5%;left: 41.3%; transform:rotate(90deg);}

.logoanim .tp .dv3 {top: 52.3%;left: 29.9%; transform: rotate(180deg);}

.logoanim .tp .dv4 {top: 40.4%;left: -10.2%; transform: rotate(270deg);}

.logoanim .tp .dv svg {transform: scale(2) translate(25%, 25%); width: 94%; height: 66%;}

.logoanim .tp .dv .ln1 { transition: 1s 0.5s ease-out; position:absolute;top: 35%;left: 88%;width: 0%;height: 10%;opacity: 1;transform:rotate(135deg);transform-origin: center left;background-color: #ffffff;}

.logoanim .tp .dv .ln2 { transition: 1s 0.5s ease-out; position:absolute;top: 73.7%;left: 113.7%;width: 0%;height: 10%;opacity: 1;transform:rotate(135deg);transform-origin: center left;background-color: #ffffff;}

.logoanim .tp .dv .ln3 { transition: 1s 1s ease-out; position:absolute;top: 59%;left: 103%;width: 0%;height: 4%;opacity: 1;transform:rotate(45deg);transform-origin: center left;background-color: #ffffff;}

.logoanim .rect {width:0px; transition: 2.5s;}

.logoanim .mask {transform-origin:0px 0px;}

.logoanim .md {opacity:1;position: absolute;transform-origin: center;top: 62%;left: 0%;width: 100%; overflow:hidden; height:25%;}

.logoanim .md img:nth-child(1) {transition: 1s 1s ease-out; position:absolute; top:28%; left:0%; width:98%; margin-top:-10%;}

.logoanim .md img:nth-child(2) {transition: 1s 1s ease-out; position:absolute; top:0%; right:-0.3%; width:3%; margin-top:-10%;}

.logoanim .bt {opacity: 1; position: absolute; transform: translateX(-54%); transform-origin: center; top: 94%; left: 50%; width: 26.5%; overflow: hidden;}

.logoanim .bt img {transition: 0.5s 2s ease-out; width:100%; margin-top:-10%;}



.logoanim.animate  {transform:scale(0.16) translate(-49.1%,0%); top:1vw}

.logoanim.animate .tp {transform: translateX(-63%) rotate(0deg) scale(1);}

.logoanim.animate .rect {width: 96%;}

.logoanim.animate .tp .dv .ln1 {width: 55%;}

.logoanim.animate .tp .dv .ln2 {width: 18%;}

.logoanim.animate .tp .dv .ln3 {width: 37%;}

.logoanim.animate .md img:nth-child(1) {margin-top:0%;}

.logoanim.animate .md img:nth-child(2) {margin-top:0%;}

.logoanim.animate .bt img {margin-top:0%;}





header {position: fixed; top:0px; left:0px; width:100vw; z-index: 99999; transition:0.5s; height:9vw; display: flex; justify-content: space-between;}

header .logo {display: flex; align-items: center; justify-content: center;}

header.hide {top:-9vw}

header.bg {background-image: url(../images/grad.png); background-size: 100%; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}

header .btn_menu {position: absolute; top: 20px; right: 20px; z-index: 99; width: 50px; height: 50px; background: url(../images/btn_menu.png) no-repeat center center; display: none;}



header .lt {text-align: left; margin-left: 0; display: flex; justify-content: space-between; padding: .5vw 2vw; align-items: center; gap:8vw; display: none;}

header .lt a {text-decoration: none; color: #ffffff; font-size: .9vw; text-transform: uppercase; font-family: 'Futura LT Book'; }

header .md {position: absolute; top:1vw; left:50%; transform: translateX(-50%); display:none;}

header .md img {width: 16vw; margin: auto;}

header .md .logoblack {display:none;}

header .rt {text-align: right; margin-right: 0; display: flex; justify-content: space-between; padding: .5vw 2vw; align-items: center; gap:8vw; display: none;}

header .rt a {text-decoration: none; color: #ffffff; font-size: .9vw; text-transform: uppercase; transition: all .5s; font-family: 'Futura LT Book'; }

/*header .rt .main-btn {padding: .6vw 1.1vw; text-align: center; background: var(--primaryColor); color: white; border: 1px solid var(--primaryColor); transition: all .5s; font-size: .8vw; text-transform: uppercase; width: 8.5vw; display: inline-flex; border-radius: 40vw; align-items: center; font-size: .8vw!important; padding-bottom: .5vw; justify-content: space-between; line-height: 1;}*/

header .rt .main-btn {padding: .6vw 1.1vw; text-align: center; background: var(--primaryColor); color: white; border: 1px solid var(--primaryColor); transition: all .5s; font-size: .8vw; text-transform: uppercase; width: 6vw; display: inline-flex; border-radius: 40vw; align-items: center; font-size: .8vw!important; padding-bottom: .5vw; justify-content: space-between; line-height: 1;}



header .rt .main-btn .plus_icon {display: inline-block; padding: .5vw; border-radius: 50%; background: #24242466; position: relative; left: .5vw;}

header .rt .main-btn .plus_icon img {display: block; width: 0.5vw;}



header.openmenu {flex-direction: column; align-items: center; height: 100vh; justify-content: center; transition: none;}

header.openmenu .btn_menu {background-image: url(../images/btn_menu_close.png);}

header.openmenu .md {display:none;}

header.openmenu .lt {display:flex;}

header.openmenu .rt {display:flex;}

header.openmenu.hide {top:0px;}



.headerinner header .lt {display: flex;}

.headerinner header .md {display: block;}

.headerinner header .rt {display: flex; /* padding-right: 230px; */}



header .rt .main-btn {/*position: fixed; top: 40px; right: 20px;*/}



.headerinner.black .lt a {color:#555555;}

.headerinner.black .rt a {color:#555555;}

.headerinner.black .rt .main-btn {color:#ffffff !important;}

.headerinner.black .md .logo {display:none;}

.headerinner.black .md .logoblack {display:block;}

.headerinner.black .btn_menu {background-image: url(../images/btn_menu_black.png);}

.headerinner.black header.openmenu .btn_menu {background-image: url(../images/btn_menu_close.png);}

.headerinner.black header.openmenu .md {display:none;}

.headerinner.black .bg .lt a {color:#ffffff;}

.headerinner.black .bg .rt a {color:#ffffff;}

.headerinner.black .bg .md .logo {display:block;}

.headerinner.black .bg .md .logoblack {display:none;}



.menuoverlay {position: absolute; top: 0px; right: 0px; width: 0%; height: 100vh; background: #ffffff; z-index: 1; transition: 0.3s;}

.menuoverlay.active {width: 100%;}


h3.sub_title {
    color: #555555;
    font-size: 1.3vw;
    line-height: 1.4;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}




.headerhover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100vh; background: linear-gradient(180deg, rgba(27, 19, 9, 0.8) -17%, rgba(107, 99, 75, 0) 47.7%); z-index: 1; display: none;}



.outerDiv {position: fixed; top:0px; left:0px; width:100%;}



.hp_sec1 {position:relative; height: 100vh; overflow: hidden;}

.hp_sec1 .bg {position: absolute; top: 0px; left: 0px; width:100%; height:100%; background-size: cover; font-size: 10vw; display: flex; align-items: center; justify-content: center; transform-origin: center;}

.hp_sec1 .bg .overlay {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

.hp_sec1 .bg .overlay img {width:100%; height:100%;}

.hp_sec1 .bg video {height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%;}

.hp_sec1 .bg .pc {height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%;}

.hp_sec1 .lg {position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0vw; z-index: 1;}

.hp_sec1 .lg img {width:100%}



.hp_sec2 {position:relative; height:100vh; top:0px; left:0px; width: 100%; overflow:hidden;}

.hp_sec2 .dv {position:absolute; top:0px; left:0%; width:100%; height: 100%;}

.hp_sec2 .bg {position:absolute; top:0px; left:0%; height: 100%; overflow: hidden; z-index: 1;}

.hp_sec2 .bg img {width: 50vw; height: 100vh; object-fit: cover; transform-origin: center;}

.hp_sec2 .lg {position: absolute; width: 38.125vw; top:50%; right:0%; transform: translateY(-50%); user-select: none;}

.hp_sec2 .lg img {width: 100%;}

.hp_sec2 .ct {position: absolute; top:0px; left:50%; width: 50%; height: 100%; display: flex; align-items: center; padding-left:5.2vw; padding-right:2.08vw;}

.hp_sec2 .ct .tx {position:relative;}

.hp_sec2 .ct .t1 h2 {color: var(--primaryColor); font-size: 4.7vw; text-transform: uppercase; font-family: 'Futura LT Regular'; margin-bottom: 1vw; line-height: 1.2; user-select: none;}

.hp_sec2 .ct .t1 h3, .hp_sec3 .ct .t1 h3 {color: #555555; font-size: 2.1vw; line-height: 1.5; font-family: 'Futura LT Light'; margin-bottom: 3vw; user-select: none;}

.hp_sec2 .ct .t2 {color: #555555; font-size: 2vw; line-height: 1.2;user-select: none;}

.hp_sec2 .ct .t2  .first{font-size: 1.1vw; margin-bottom: .6vw;}

.hp_sec2 .ct .t2  .secnd{font-size: 1.8vw; margin-bottom:1vw; font-family: 'Futura LT Light';}

.hp_sec2 .ct .para, .hp_sec3 .ct .para{color: #555555; font-size: 1.2vw; line-height: 1.5; margin-bottom: 2.3vw; font-family: 'Futura LT Light'; font-weight: lighter;}



.layout_one .hp_sec2 .ct .tx {overflow-x: hidden; overflow-y: auto; height:calc(100vh - 100px); padding-right:20px; width: 100%;}

.layout_one .hp_sec2 .ct .tx::-webkit-scrollbar {width: 2.2vw;}

.layout_one .hp_sec2 .ct .tx::-webkit-scrollbar-thumb {background: #7D3333; border-radius: 2.2vw; border: 0.9vw solid transparent; background-clip: padding-box;}

.layout_one .hp_sec2 .ct .tx::-webkit-scrollbar-track {background: #D9D9D9; border-radius: 2.2vw; border: 0.7vw solid transparent; background-clip: padding-box;}

.layout_one .hp_sec2 .t1 h3 {font-family: 'Futura LT Light'; }

.layout_one .hp_sec2 .t1 h4 {font-size:1vw; font-weight: 700; line-height:1; margin-bottom:3vw; color:#7D3333; text-transform: uppercase; letter-spacing: 0.1vw;}

.layout_one .hp_sec2 .ct .t1 h2 {font-size: 3vw; font-weight: 700; letter-spacing: 0.2vw;}

.layout_one .hp_sec2 .ct .t1 h3 {font-size: 1.5vw; margin-bottom:1.5vw;}

.layout_one .hp_sec2 .t2 p {margin-bottom:1.5vw; font-weight: 400; font-family: 'Futura LT Book'; font-size: 1.2vw; line-height: 1.8vw;}







.hp_sec3 {position:relative; height:100vh; top:0px; left:0px; width: 100%; overflow:hidden;}

.hp_sec3 .dv {position:absolute; top:0px; left:0%; width:100%; height: 100%;}

.hp_sec3 .bg {position:absolute; top:0px; right:0%; height: 100%; overflow: hidden; z-index: 1;}

.hp_sec3 .bg img {width: 50vw; height: 100vh; object-fit: cover; transform-origin: center;}

.hp_sec3 .lg {position: absolute; width: 38.125vw; top:50%; left:0%; transform: translateY(-50%);}

.hp_sec3 .lg img {width: 100%;}

.hp_sec3 .ct {position: absolute; top:0px; right:50%; width: 50%; height: 100%; display: flex; align-items: center; padding-left:2.08vw; padding-right:5.2vw;}

.hp_sec3 .ct .tx {position:relative;}

.hp_sec3 .ct .t1 h2{color: var(--primaryColor); font-size: 4.6vw; text-transform: uppercase; font-family: 'Futura LT Regular'; margin-bottom: 1.6vw; line-height: 1.2;}

.hp_sec3 .ct .t1 h2{line-height: normal;}

.hp_sec3 .ct .t1 h3 {margin-bottom: 2vw;}





.hp_sec4 {position:relative; padding:10vw 0px 0px 0px; height:25vw; text-align: center; overflow: hidden; top:0px; left:0px; width: 100%;}

.hp_sec4 .dv1 {transition:2s; margin-left: -20vw; opacity: 0; margin-bottom:3vw;}

.hp_sec4 .dv2 {transition:2s; margin-right: -20vw; opacity: 0; margin-bottom:3vw;}

.hp_sec4 .dv1.animate {margin-left: 0vw; opacity:1;}

.hp_sec4 .dv2.animate {margin-right: 0vw; opacity:1;}

.hp_sec4 .section_para {width:57.29vw; margin:0px auto;}



.hp_sec5 {position:relative; height:100vh; top:0px; left:0px; width: 100%; overflow:hidden;}

.hp_sec5 .dv_cnt {position:absolute; width:100vw; height:100vh; max-width:100vw;  top:0%; left: 50%; overflow: hidden; transform: translateX(-50%); transform-origin: center;}

.hp_sec5 .dv {position: absolute; width: 100vw; height: 100vh; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;}

.hp_sec5 .bg {position:absolute; top:0px; left:0px; width: 900vw; height:100%; display: flex; transition: 1.5s;}

.hp_sec5 .bg img {width:100vw; height: 100%; object-fit: cover;}

.hp_sec5 .tx {position:absolute; top:0px; left:-200%; width:900vw; height:100%; display: flex; align-items: center; justify-content: center; transition:1.5s; margin-left:0px; opacity:0;}

.hp_sec5 .tx .t {width:50vw; font-family: 'Futura LT Light'; font-size: 4.2vw; font-weight: 400; line-height: 1.2;  text-align: center; text-transform: uppercase; color:#ffffff; margin:0px; transform-origin: center; transition:1.5s; transform:scale(0.75); opacity: 0.5;}

.hp_sec5 .tx .t a:hover {color:#ffffff !important;}

.hp_sec5 .tx.show {opacity:1;}

.hp_sec5 .tx .t.expand {transform:scale(1); opacity: 1;}

.hp_sec5 .arrows {position: relative; height: 100%; display:none;}
.hp_sec5 .arrows .rt {position: absolute; width: 40px; height: 40px; background: var(--primaryColor); border-radius: 50%; left: 50%; bottom: 20px; margin-left: 20px;}
.hp_sec5 .arrows .lt {position: absolute; width: 40px; height: 40px; background: var(--primaryColor); border-radius: 50%; left: 50%; bottom: 20px; margin-left: -60px; opacity:0.5;}
.hp_sec5 .arrows .rt:after {position: absolute; content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #ffe8e8; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.hp_sec5 .arrows .lt:after {position: absolute; content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #ffe8e8; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.hp_sec6 {position:relative; height:100vh; overflow: hidden;}

.hp_sec6 .dv {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(2); transform-origin: center; width:100vw; height:100vh; background: url(../images/hp_sec6.jpg) no-repeat center center; background-size: cover; display: flex; align-items: flex-end; justify-content: center; padding-bottom:7.29vw; opacity:0;}

.hp_sec6 .dv img {width: 69.21vw;}



.hp_sec7 .tx {position: relative; padding-top:10vw; text-align: center; height:18vw; transform:translateY(10vw); transition: 2s; opacity: 0;}

.hp_sec7 .tx.animate {transform:translateY(0vw); opacity: 1;}

.hp_sec7 .tp {display: flex; height:100vh; gap:0.3vw; margin-bottom:0.3vw;}

.hp_sec7 .tp .dv {position:relative; width:50%; height:100%; overflow:hidden;}

.hp_sec7 .tp .dv .pc {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.hp_sec7 .tp .dv .pc img {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:50vw; height:100vh; object-fit: cover; transform-origin: center;}

.hp_sec7 .md {display: flex; height:100vh; gap:0.3vw; margin-bottom:0.3vw;}

.hp_sec7 .md .dv {position:relative; width:100%; height:100%; overflow:hidden;}

.hp_sec7 .md .dv .pc {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.hp_sec7 .md .dv .pc img {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100vw; height:100vh; object-fit: cover; transform-origin: center;}

.hp_sec7 .bt {display: flex; height:100vh; gap:0.3vw; margin-bottom:0.3vw;}

.hp_sec7 .bt .dv {position:relative; width:50%; height:100%; overflow:hidden;}

.hp_sec7 .bt .dv .pc {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.hp_sec7 .bt .dv .pc img {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:50vw; height:100vh; object-fit: cover; transform-origin: center;}

.hp_sec7 .lk {padding-top:2vw; height: 10vw;}



.hp_sec8 .tx {position: relative; padding-top:10vw; text-align: center; height:18vw; transition: 2s; margin-left:-20vw; transition: 1s cubic-bezier(.81,0,.22,.99); opacity: 0;}

.hp_sec8 .grd {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:1.5vw; padding:0px 2vw; height: 100vh;}

.hp_sec8 .grd .dv {transform:translateY(10vw); opacity:0; width:100%; transition: 1s cubic-bezier(.81,0,.22,.99); height:100vh}

.hp_sec8 .grd .dv:nth-child(1) {transition-delay: 0.1s;}

.hp_sec8 .grd .dv:nth-child(2) {transition-delay: 0.2s;}

.hp_sec8 .grd .dv:nth-child(3) {transition-delay: 0.3s;}

.hp_sec8 .grd .dv:nth-child(4) {transition-delay: 0.4s;}

/* .hp_sec8 .grd .dv img {width:100%; height: 100%; object-fit: contain;} */

.hp_sec8 .lk {padding-top:2vw; height: 18vw;}

.hp_sec8.animate .tx {margin-left:0px; opacity: 1;}

.hp_sec8.animate .grd .dv {transform:translateY(0vw); opacity:1;}



.hp_sec9 {position:relative; height:150vh; overflow: hidden;}

.hp_sec9 .dv {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); transform-origin: center; margin-top: -20vh; width: 100vw; height: 150vh; background: url(../images/hp_sec9_bg.jpg) no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: flex-end; }

.hp_sec9 .dv .overlay {position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(34,29,26,0.2);}

.hp_sec9 .dv .tx {width: 50%; margin:0px; z-index: 1;}



.layout_one.aboutus .hp_sec9 .dv {background: url(../images/about_pic2.jpg) no-repeat center center;}

.layout_one.brand .hp_sec9 .dv {background: url(../images/brand_pic3.jpg) no-repeat center center;}

.layout_one.career .hp_sec9 .dv {background: url(../images/career_pic3.jpg) no-repeat center center;}

.layout_one.contact .hp_sec9 .dv {background: url(../images/contact_pic3.jpg) no-repeat center center;}



.layout_one.aboutus .hp_sec2 .pc_ab {position:absolute; top:0; left:0; width: 100%;}

.layout_one.aboutus .hp_sec2 .pc_ab2 {opacity:0;}





.layout_one.contact .hp_sec2 h5 {color: var(--primaryColor); font-size: 2vw; text-transform: uppercase; font-family: 'Futura LT Regular'; margin-bottom: 2vw; line-height: 1.2; user-select: none;}

.layout_one.contact .hp_sec2 .inp {margin-bottom:0.8vw;}

.layout_one.contact .hp_sec2 .inp input[type="text"] {border:1px solid #9C9C9C; border-radius:0.3vw; padding:1.3vw; letter-spacing:0.05vw; outline:none; width: 100%; height:3.5vw; font-family: 'Futura LT Regular'; font-size:1vw;}

.layout_one.contact .hp_sec2 .inp textarea {border:1px solid #9C9C9C; border-radius:0.3vw; padding:1.3vw; letter-spacing:0.05vw; outline:none; width: 100%; height:8vw; font-family: 'Futura LT Regular'; font-size:1vw; resize:none;}

.layout_one.contact .hp_sec2 button {cursor:pointer; font-family: 'Futura LT Book'; display: flex; align-items: center; gap:0.2vw; padding: .6vw 2vw; text-align: center; background: var(--primaryColor); color: white; border-radius: 30vw; border: 1px solid var(--primaryColor); transition: all .5s; font-size: 1vw; letter-spacing: 0vw;}

.layout_one.contact .hp_sec2 button svg {padding-left: 0.3vw; transition: all .5s; width: 0.8vw; height: 0.8vw; margin-top:0.4vw;}

.layout_one.contact .hp_sec9 .dv .overlay {background-color: rgba(34, 29, 26, 0.5);}

.layout_one.contact .hp_sec9 .bx {background-color:rgba(255,255,255,0.9); width:34vw; padding:4vw; color:#555555;font-size:1.3vw; line-height:1.4;}

.layout_one.contact .hp_sec9 .bx .t1 {color:#7D3333; font-size:2vw; text-transform:uppercase; font-weight:700; letter-spacing:0.1vw; margin-bottom:2vw;}

.layout_one.contact .hp_sec9 .bx .t2 {margin-bottom:2vw;}

.layout_one.contact .hp_sec9 .bx .t3 {margin-bottom:1vw; display:flex; align-items:center; gap:0.5vw;}

.layout_one.contact .hp_sec9 .bx .t3 img {width:1vw; margin:0px 0.2vw 0px 0.5vw;}

.layout_one.contact .hp_sec9 .bx .t4 {display:flex; align-items:center; gap:0.5vw;}

.layout_one.contact .hp_sec9 .bx .t4 img {width:1.8vw;}





.contact_sec1 {padding:0vw 2vw; color:#555555;}

.contact_sec1 .tx1 {color:#7D3333; font-size: 3vw; font-weight: 700; letter-spacing: 0.2vw;text-align: center; line-height: 1.2; text-transform: uppercase; padding-top:4vw; margin-bottom:1vw;}

.contact_sec1 .tx2 {text-align: center; font-family: 'Futura LT Book'; letter-spacing: 0vw; text-transform: uppercase; margin-bottom:3.5vw; font-size: 1.2vw;}

.contact_sec1 .tx3 {color:#7D3333; font-size: 2vw; font-weight: 700; letter-spacing: 0.2vw;text-align: center; line-height: 1.2; text-transform: uppercase; margin-bottom:2vw;}

.contact_sec1 .grd {display: flex; justify-content: space-between; padding-bottom:4vw;}

.contact_sec1 .grd .dv {position:relative; margin:0px;}

.contact_sec1 .grd .dv .t1 {font-size: 1vw; font-weight: 700; letter-spacing: 0.1vw; text-transform: uppercase; margin-bottom:0.6vw;}

.contact_sec1 .grd .dv .t2 a {display:flex; align-items:center; gap:0.4vw; color:#7D3333; font-size: 1.3vw; letter-spacing: 0vw;}

.contact_sec1 .grd .dv .t2 a img {margin-top:0.2vw; width:1.5vw;}

.contact_sec1 .grd .dv:after {content:""; position:absolute; top:0; right:-4vw; width:1px; height:100%; background-color:#BCBCBC;}

.contact_sec1 .grd .dv:after {content:""; position:absolute; top:0; right:-4vw; width:1px; height:100%; background-color:#BCBCBC;}





.services .lyt1 {height:20vw; padding-top: 8vw;}

.services .lyt1 .t1 {color: #7D3333; font-size: 3vw; font-weight: 700; letter-spacing: 0.2vw; text-align: center; line-height: 1.2; text-transform: uppercase; padding-top: 4vw; margin-bottom: 1vw;}

.services .lyt1 .t2 {text-align: center; font-family: 'Futura LT Book'; letter-spacing: 0vw; text-transform: uppercase; margin-bottom: 3.5vw; font-size: 1.2vw; color: #555555;}

.services .lyt2 {display: flex; height: 100vh; gap: 0.3vw; margin-bottom: 0.3vw;}

.services .lyt2 .dv {position: relative; width: 50%; height: 100%; overflow: hidden; cursor: pointer;}

.services .lyt2 .dv .pc {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.services .lyt2 .dv .pc .img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50vw; height: 100vh; object-fit: cover; transform-origin: center;}

.services .lyt2 .dv .pc .grad {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;}

.services .lyt2 .dv .tx {position:absolute; bottom:3vw; left:0px; padding:0px 2vw; text-align: center; width: 100%;}

.services .lyt2 .dv .tx h3 {color: #ffffff; font-size: 3vw; /* font-weight: 700; */ letter-spacing: 0.2vw; text-align: center; line-height: 1.2; text-transform: uppercase; padding-top: 4vw; margin-bottom: 1vw;}

.services .lyt2 .dv .tx .lk {display: inline-block; padding: .6vw 2vw; text-align: center; background: #ffffff; border-radius: 30vw; border: 1px solid #ffffff; transition: all .5s; font-size: 1vw; color:#555555; letter-spacing: 0.1vw;}

.services .lyt2.full .dv {width: 100%;}

.services .lyt2.full .dv .pc .img {width: 100vw;}

.services .hp_sec9 .dv {background: url(../images/serv_contact.jpg) no-repeat center center;}



.services_detail .sec0 {background-color:#ffffff; padding-top:5vw; padding-bottom:3vw;}

.services_detail .sec0 .ct {width:71.8vw;}

.services_detail .sec0 .t1 {color: #7D3333; font-size: 3vw; font-weight: 700; letter-spacing: 0.2vw; text-align: center; line-height: 1.2; text-transform: uppercase; margin-bottom: 2vw;}

.services_detail .sec0 .t2 {text-align: center; font-family: 'Futura LT Book'; letter-spacing: 0vw; margin-bottom: 2vw; font-size: 1.5vw; line-height:1.5; color:#555555;}

.services_detail .sec1 {position:relative; height:100vh; overflow: hidden;}

.services_detail .sec1 img {width:100%; height:100vh; object-fit:cover;}

.services_detail .hp_sec9 .dv {background: url(../images/serv_detail_contact.jpg) no-repeat center center;}







.projects .lyt1 {height:20vw; padding-top: 8vw;}

.projects .lyt1 .t1 {color: #7D3333; font-size: 3vw; font-weight: 700; letter-spacing: 0.2vw; text-align: center; line-height: 1.2; text-transform: uppercase; padding-top: 4vw; margin-bottom: 1vw;}

.projects .lyt1 .t2 {text-align: center; font-family: 'Futura LT Book'; letter-spacing: 0vw; text-transform: uppercase; margin-bottom: 3.5vw; font-size: 1.2vw; color: #555555;}

.projects .lyt2 {display: flex; height: 100vh; gap: 0.3vw; margin-bottom: 0.3vw;}

.projects .lyt2 .dv {position: relative; width: 50%; height: 100%; overflow: hidden; cursor: pointer;}

.projects .lyt2 .dv .pc {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.projects .lyt2 .dv .pc .img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50vw; height: 100vh; object-fit: cover; transform-origin: center;}

.projects .lyt2.full .dv {width: 100%;}

.projects .lyt2.full .dv .pc .img {width: 100vw;}

.projects .lyt2.project1 {height: auto;}
.projects .lyt2.project1 .dv .pc {position: relative; top: 0%; left: 0%; transform: unset; width: 100%; height: auto; object-fit: unset; overflow: unset;}
.projects .lyt2.project1 .dv .pc .img {position: relative; top: 0%; left: 0%; transform: unset; width: 100%; height: auto; object-fit: unset; transform-origin: center;}



.projects .hp_sec9 .dv {background: url(../images/pro_contact.jpg) no-repeat center center;}

.projects.detail .hp_sec9 .dv {background: url(../images/pro_det_contact.jpg) no-repeat center center;}

.projects.detail .sec0 {padding:7vw 0px;}

.projects.detail .sec0 .ttl {max-width: 80vw; color: #7D3333;font-size: 3vw;letter-spacing: 0vw;line-height: 1.2;text-transform: uppercase;font-family: 'Futura LT Bold';margin-bottom: 3vw;     font-family: 'Futura LT Regular';}

.projects.detail .sec0 .ct {display: flex; max-width: 80vw;}

.projects.detail .sec0 .dv {width:50%; padding-right:3vw;}

.projects.detail .sec0 .dv:nth-child(2) {padding-left:3vw;}

.projects.detail .sec0 .dv .t1 {color:#555555; font-size: 1.3vw; line-height: 1.6;}

.projects.detail .sec0 .dv .rw {display:flex; padding-left:2vw; color:#555555;}

.projects.detail .sec0 .dv .rw .t2 {margin:0px; font-size:1.6vw; min-width:10vw;}

.projects.detail .sec0 .dv .rw .t3 {margin:0.1vw 0px 0px 0px; font-size:1.2vw; letter-spacing: 0px; font-family: 'Futura LT Bold'; text-transform: uppercase;    font-family: 'Futura LT Regular';}

.projects.detail .sec0 .dv .rw:nth-child(1) {margin-bottom:2vw; padding-bottom:2vw; border-bottom:1px solid #D9D9D9;}

.projects.detail .sec5 {background-color: #ffffff; height: 12vw; text-align: center; color: #7D3333; text-transform: uppercase; font-size: 1.7vw;}

.projects.detail .sec5 a {color: #7D3333;}

.projects.detail .sec5 .ct {display:flex; align-items: center; padding:0px 2vw; border-top: 1px solid #959595; padding-top: 1.5vw; transform: translateY(2vw);}

.projects.detail .sec5 .dv {margin:0px;}

.projects.detail .sec5 .dv img {width:1.8vw;}

.projects.detail .hp_sec1 {height:auto;}
.projects.detail .hp_sec1 .bg {position:relative; top:0px !important;}



.media .lyt1 {height:27vw; padding-top: 8vw;}

.media .lyt1 .t1 {color: #7D3333; font-size: 3vw; font-weight: 700; letter-spacing: 0.2vw; text-align: center; line-height: 1.2; text-transform: uppercase; padding-top: 4vw; margin-bottom: 1vw;}

.media .lyt1 .t2 {text-align: center; font-family: 'Futura LT Book'; letter-spacing: 0vw; text-transform: uppercase; margin-bottom: 3vw; font-size: 1.2vw; color: #555555;}

.media .lyt1 .t3 {display: flex; border-top: 1px solid #AAAAAA; text-transform: uppercase; font-size: 1vw; align-items: center; justify-content: center; gap:7vw; padding-top: 1.5vw; letter-spacing: 0.06vw;}

.media .lyt1 .t3 a {
    color: #555555;
    display: inline-block;
    min-width: 120px;
	    text-align: center;
}

.media .lyt1 .t3 a.active {color:#7D3333;}

.media .grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); gap:1vw; padding:0px 2vw;}

.media .grid .dv {margin-bottom:2vw; transform:translateY(10vw); opacity: 0; transition: 0.5s;}

.media .grid .dv img {width:100%;}

.media .grid .dv .tx {color:#555555; font-size:1.3vw; text-align:center; padding:1vw 0px;}

.media .grid .dv.animate {transform:translateY(0vw); opacity: 1;}

.media .loadmore {background-color: #ffffff; height: 12vw; text-align: center; color: #7D3333; text-transform: uppercase; font-size: 1.7vw;}

.media .loadmore .ct {display:flex; align-items: center; padding:0px 2vw; border-top: 1px solid #959595; padding-top: 1.5vw; transform: translateY(2vw);}

.media .loadmore .dv {margin:0px;}

.media .loadmore .dv img {width:1.8vw;}



.media.events .grid,

.media.blog .grid,

.media.testimonials .grid {grid-template-columns: repeat(3, minmax(0, 1fr));}

.media.events .hp_sec9 .dv,

.media.blog .hp_sec9 .dv,

.media.testimonials .hp_sec9 .dv

 {background: url(../images/events_contact.jpg) no-repeat center center;}



.publications .hp_sec9 .dv {background: url(../images/publications_contact.jpg) no-repeat center center;}



.media.testimonials .grid .dv {border:1px solid #ccc; padding:2vw 2vw 4vw 2vw; width: 100%; position:relative;}

.media.testimonials .grid .dv img {width:4vw; margin-bottom:2vw;}

.media.testimonials .grid .dv .t1 {font-size:1.3vw; line-height:1.6; color:#555555; margin-bottom:2vw;}

.media.testimonials .grid .dv .t2 {position:absolute; bottom:2vw; left:0px; font-size:1.3vw; line-height:1.6; color:#7D3333; padding:0px 2vw; width:100%;}



.media.blog .grid .dv {border:1px solid #cccccc;}

.media.blog .grid .dv .ct { /*padding:2vw 2vw 0vw 2vw; height:22vw; background-color: #ffffff;*/

    padding: 2vw 2vw 0vw 2vw;
    min-height: 22vw;
    background-color: #ffffff;
    padding-bottom: 20px;
	
	}

.media.blog .grid .dv .t1 {color: #7D3333; font-size: 1.2vw; line-height: 1.2; font-family: 'Futura LT Book'; margin-bottom: 1vw;}

.media.blog .grid .dv .t2 {color:#555555;font-size: 1.5vw;line-height: 1.4;margin-bottom: 1vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.media.blog .grid .dv .t3 {color:#555555;font-size: 1.1vw;line-height: 1.3;margin-bottom: 1.5vw;letter-spacing: 0.03vw;display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}

.media.blog .grid .dv .lk {color: #7D3333; font-size: 1vw; line-height: 1.2; font-family: 'Futura LT Book'; text-transform:uppercase;}





/* Home Page 26-11-2025 prdp */





.btn{display: inline-block; padding: .6vw 2vw; text-align: center; background: var(--primaryColor); color: white; border-radius: 30vw; border: 1px solid var(--primaryColor); transition: all .5s; font-size: 1vw; letter-spacing: 0.1vw;}

.btn svg{ padding-left: 0.3vw; transition: all .5s; width: 0.8vw; height: 0.8vw;}

a.btn.btn_more {padding: .84vw 2vw;}



.hp_sec4 .section_heading {color: var(--primaryColor); font-size: 4.7vw; text-transform: uppercase; margin-bottom: 5vw; }

.hp_sec4 .section_para {color: #555555; font-size: 1.2vw; line-height: 1.5; margin-bottom: 30px; font-family: 'Futura LT Light'; font-weight: lighter;}

.hp_sec7 .heading{color: var(--primaryColor); font-size: 4.68vw; text-transform: uppercase; margin-bottom: 50px; text-align: center;}





/*.hp_sec7 .tp .dv .pc {transition: all .5s; }

.hp_sec7 .tp .dv .pc img{ transform: scale(1.01); }*/



/*.cont-bottom{align-items: center; bottom: -10vw; display: flex; flex-direction: column; left: 0; padding-bottom: 2.5vw; padding-left: 10vw; padding-right: 10vw; padding-top: 2.5vw; position: absolute; text-align: center; width: 100%; background: linear-gradient(to top, #00000060, #00000000); -webkit-backdrop-filter: blur(10vw); backdrop-filter: blur(4px); font-weight: bold; opacity: 0; transition: all .5s; }

.hp_sec7 .dv:hover .cont-bottom{ opacity: 1; bottom: 0; transition: all .5s;}

.cont-bottom h3{color: #fff; font-size: 1.7vw; text-transform: uppercase; font-family: 'futura';}*/





.hp_sec8 .heading{color: var(--primaryColor); font-size: 4.68vw; text-transform: uppercase; margin-bottom: 4vw; text-align: center; transition: all .5s;}

.hp_sec8 .grd  img.agn{width: 1vw!important; display: inline; position: relative; top: .5vw; left: .5vw; transition: all .5s;}

.hp_sec8 .grd .dv .ig_bx{overflow: hidden; height: calc(100vh - 10vw);}

.hp_sec8 .grd .dv .ig_bx img{width: 100%; transition: all .5s; transform-origin: center; object-fit: contain; object-position: top left; height: 100%; }

.lts_bx .tag{color: #555555; font-size: 1.2vw; line-height: 1.3; margin-bottom: .5vw; font-family: 'Futura LT Light'; text-transform: uppercase;}

.lts_bx h2.title{color: #555555; font-size: 1.8vw; line-height: 1.2; margin-bottom: 2vw; min-height: 5vw;}

.lts_bx h2.title{position: relative;}

.lts_bx h2.title::after{content:""; left: 0; position: absolute; bottom: 0; width: 0%; height: 1px; background: #555555; transition: all 0.5s; }

.hp_sec9 .sec9_cont p{color: #fff; font-size: 1.2vw; line-height: 1.2; margin-bottom: 0; font-family: 'Futura LT Light'; text-transform: uppercase;}

.hp_sec9 .sec9_cont h2{color: #fff; font-size: 3.6vw; line-height: 1.4; margin-bottom: 0; font-family: 'Futura LT Light'; text-transform: uppercase; margin-top: 1vw;     font-size: 2.8vw;     padding-right: 3vw;}

.hp_sec9 .sec9_cont a.btn{/*background: transparent; border-color: #fff; */ padding: .45vw 2.2vw; margin-top: 2.1vw;}

.btn_Click{position: absolute; right: 2vw; width: 9vw; height: 2.6vw; z-index: 99999999; cursor: pointer; background: transparent;}

/* Modal Background */

.modal-overlay {position: fixed;top: 0; left: 100vw; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; z-index: 999999; right: 0; transition: all 1s;}



/* Modal Box */

.modal-box {background: #fff; padding: 2vw; width: 100vw; height: 100vh; max-width: 100%; border-radius: 0vw; position: relative;}

.model_title{font-size: 2vw; color: var(--primaryColor); font-family: 'Futura'; font-weight: 600; text-transform: uppercase; margin-top: 3vw; text-align: left; margin-bottom: 4vw;}

.modal-overlay form {margin-top: 2vw; }

.input_wrap label{color: #818181; font-family: 'Futura'; font-size: 1.3vw; display: block;}

.input_wrap input[type="text"] {border: none; border-bottom: 1px solid #ddd; width: 100%; height: 2vw; outline: none;}

.input_wrap label span{color: var(--primaryColor);}

.input_wrap {margin-bottom: 1vw;}

.modal-box .input_wrap textarea{border: none; border-bottom: 1px solid #ddd; width: 100%; height: 4vw; outline: none;}

.ror {display: flex; gap: 1vw; height: 100vh;}

.ror .left {width: 49%; display: flex; align-items: flex-end; justify-content: flex-end; margin-right: 0;}

.left_text{margin-left: 4vw; padding-bottom: 5vw;}

.right{width: 49%;}

.right{display: flex; align-items: center;}

.mr--0{margin-left: 0; margin-right: 0; width: 100%;}

.ror .left h2{font-size: 5vw; color: var(--primaryColor); font-family: 'futura'; text-transform: uppercase; line-height: 1.1; text-align: left;}



/* Close Button */

.close-btn {position: absolute; top: 4vw; right: 2vw; cursor: pointer; font-size: .8vw; color: #ffffff; background: var(--primaryColor); border:1px solid var(--primaryColor); padding: .7vw 1.3vw; border-radius: 4vw; font-family: 'futura'; text-transform: uppercase; line-height: normal; display: flex; gap: .55vw; align-items: center;}

span.time_icon {width: 1.2vw; height: 1.2vw; background: #24242466;padding: .2vw; display: flex; border-radius: 50%; justify-content: center; align-items: center; position: relative; top: -0px;}

span.time_icon img{width: .5vw;}

.submit_wrap button{padding: .8vw 2vw; cursor: pointer; }

.submit_wrap button span.icon {position: relative; top: 2px; left: .5vw;}







/* 10-12-2025  prdp*/

.ic_pls { width: 4.5vw;height: 4.5vw;background: #7d3333;border-radius: 50vw;justify-content: center;display: flex;align-items: center;

margin: 1vw auto;transition: all .5s;padding: 1vw;}

.ic_pls:hover {background: #000;transition: all .5s;transform: scale(1.02);transform-origin: center;}

.ic_pls svg{transition: all .5s;} 

.ic_pls:hover svg{transition: all .5s;transform: rotate(180deg);transform-origin: center;}

p.btn_text {text-align: center;text-transform: uppercase; font-size: .95vw; letter-spacing: 1px; color: #555555;}









.career_sec1 {background-color:#7D3333; color:#ffffff; text-align:center; padding:7vw 0px 8vw 0px;}

.career_sec1 .t1 {font-size: 5vw;line-height: 1.5;margin-bottom: 1vw;}

.career_sec1 .t2 {font-size: 1.5vw;font-family: 'Futura LT Light';line-height: 1.5;}

.career_sec1 .lk {display: block; padding: 0.6vw 2vw; text-align: center; background: #ffffff; color: #7D3333; border-radius: 30vw; border: 1px solid #ffffff; transition: all .5s; font-size: 1vw; letter-spacing: 0.1vw; width: 12vw; margin:2vw auto 3vw auto;}

.career_sec1 .lk svg {padding-left: 0.3vw; transition: all .5s; width: 0.8vw; height: 0.8vw;}

.career_sec1 .t3 {font-size: 1.5vw; font-family: 'Futura LT Light'; line-height: 1.5;}

.career_sec1 .t3 a {position: relative; color: #ffffff;}

.career_sec1 .t3 a:after {content: ""; width: 100%; height: 1px; background-color: #ffffff; position: absolute; left: 0px; bottom: -2px;}







.media.blog-detail .grid .dv {opacity:1; transform: translateY(0vw);}

.media.blog-detail .bottomsec {background-color:#F4F4F4;}

.media.blog-detail .bottomsec .readon {color:#7D3333; font-size:3vw; text-transform:uppercase; padding:4vw 2vw 1.8vw 2vw;}



.blogtext {color:#555555; line-height:1.6; font-size:1.3vw; padding-top:10vw;}

.blogtext p {margin-bottom:2vw;}

.blogtext h1 {color:#7D3333; margin-bottom:1vw; font-size:2.8vw; line-height:1.2;}

.blogtext h2 {margin-bottom:2vw; font-size:2.5vw; line-height:1.2; padding-top:1vw;}

.blogtext h3 {color:#7D3333; margin-bottom:2vw; font-size:2vw; line-height:1.2; padding-top:1vw;}

.blogtext a {color:#7D3333;}



.blogtext .pd {padding:0px 4vw;}

.blogtext .content {padding-top:1vw;}

.blogtext .date {font-size:1.4vw; margin-bottom:1.3vw;}

.blogtext .mainimage {width:100%;}

.blogtext .caption {font-size:1.1vw; margin-bottom:3vw;}

.blogtext .intro {font-size:2.5vw; line-height:1.2; color:#7D3333; margin-bottom:3vw; margin-top:1vw; border-top:1px solid #7D3333;  border-bottom:1px solid #7D3333; padding:2vw 0px 2vw 0px;}

.blogtext .img-container {display: flex; gap:4vw;}

.blogtext .img-container .dv {width:50%;}

.blogtext .img-container .dv img {width:100%; margin-bottom:1vw;}









footer {font-family: 'Futura LT Regular'; padding-top:8vw;}

footer .lg {position: relative;width:95.88vw; margin: 0px auto 0px 2.05vw; overflow: hidden;}

footer .lg img {position: absolute; transition: 1s cubic-bezier(.81,0,.22,.99); /*margin-top: 20vw;*/}

footer .lg img:nth-child(1) {position: relative; width:100%; opacity:0;}

footer .lg img:nth-child(2) {margin-top:20vw; height: 95.7%;top: 0px;left: 0%;}

footer .lg img:nth-child(3) {margin-top:20vw; height: 92%;top: 3.5%;left: 9.5%;}

footer .lg img:nth-child(4) {margin-top:20vw; height: 95.7%;top: 0px;left: 13.6%;}

footer .lg img:nth-child(5) {margin-top:20vw; height: 93%;top: 4%;left: 23.1%;}

footer .lg img:nth-child(6) {margin-top:20vw; height:100%;top: 0px;left: 29.7%;}

footer .lg img:nth-child(7) {margin-top:20vw; height: 95.7%;top: 0px;left: 38.5%;}

footer .lg img:nth-child(8) {margin-top:20vw; height: 92%;top: 4%;left: 51.5%;}

footer .lg img:nth-child(9) {margin-top:20vw; height: 95.7%;top: 0px;left: 58%;}

footer .lg img:nth-child(10) {margin-top:20vw; height: 93.5%;top: 5%;left: 67.3%;}

footer .lg img:nth-child(11) {margin-top:20vw; height: 97%;top: 2%;left: 75.1%;}

footer .lg img:nth-child(12) {margin-top:20vw; height: 93%;top: 4%;left: 82.1%;}

footer .lg img:nth-child(13) {margin-top:20vw; height: 92%;top: 4%;left: 90.5%;}

footer .lg img:nth-child(14) {margin-top:20vw; height: 92%;top: 4%;left: 93.3%;}



footer .lg img:nth-child(7) {transition-delay: 0.1s;}

footer .lg img:nth-child(8) {transition-delay: 0.2s;}

footer .lg img:nth-child(6) {transition-delay: 0.3s;}

footer .lg img:nth-child(9) {transition-delay: 0.4s;}

footer .lg img:nth-child(5) {transition-delay: 0.5s;}

footer .lg img:nth-child(10) {transition-delay: 0.6s;}

footer .lg img:nth-child(4) {transition-delay: 0.7s;}

footer .lg img:nth-child(11) {transition-delay: 0.8s;}

footer .lg img:nth-child(3) {transition-delay: 0.9s;}

footer .lg img:nth-child(12) {transition-delay: 1s;}

footer .lg img:nth-child(2) {transition-delay: 1.1s;}

footer .lg img:nth-child(13) {transition-delay: 1.2s;}

footer .lg img:nth-child(14) {transition-delay: 1.3s;}

footer .lg.animate img {margin-top: 0vw;}





footer .tp { display: flex;justify-content: space-between;padding:0px 2vw;height: 18vw;}

footer .tp .l {margin:0px;}

footer .tp .l .nl_bx{width:20.83vw;}

footer .tp .l .nl_bx h2 {text-transform: uppercase;color: #555; margin-bottom: 2vw;letter-spacing: 0.05vw; font-size: 1.2vw;}

footer .tp .m {margin:0px;}

footer .tp .m img {width:22.39vw;}

footer .md {display: flex; justify-content: space-between; padding:0px 2vw; height: 18vw; line-height: 1.5vw;}

footer .md .dv {margin:0px;}

footer .bt {padding:4vw 2vw 2vw 2vw;}

footer .footer_menubx{display: flex; margin:0px; width:20.83vw; justify-content: space-between;}

footer .footer_menubx .dv {margin:0px;}

footer .input_bx{position: relative;}

footer button.sb_btn {background: #7d3333;border-radius: 10vw;border: #ffffff;padding: 0vw 1vw;position: absolute;right: 0;top: 0;transition: all .5s;cursor: pointer;}

footer button.sb_btn:hover {background: #000;transition: all .5s;}

footer button.sb_btn svg{width: 2vw; height: 1.5vw;}

footer input.in_nl {height: 2vw; width: 82%; border: none; font-size: 1vw;   letter-spacing: 0.05vw;font-family: 'Futura LT Regular'; outline: none;}

footer .input_bx {position: relative; padding-bottom: .8vw; border-bottom: 1px solid #555;}

footer .footer_list h2 {color: #555; text-transform: uppercase; font-size: 1.2vw;   letter-spacing: 0.05vw; margin-bottom: 1.3vw;}

footer .footer_list ul li { margin-bottom: .6vw; }

footer .footer_list ul li a {color: #555; font-size: 1vw; line-height:1; letter-spacing: 0.05vw;  }

footer .footer_list ul li a:hover {color: var(--primaryColor); transition: all .5s;}

footer .md_wrap h2{color: #555; text-transform: uppercase; font-size: 1vw;   letter-spacing: 1px; margin-bottom: .5vw;}

footer .md_wrap p{color: #555; font-size: 1vw;   letter-spacing: 0; margin-bottom: 1vw;}

footer .call_md{display: flex; gap: .5vw; margin-top: 2.5vw;}

footer .call_md span{color: #555;font-size: 1vw; letter-spacing: 1px;margin-bottom: 1vw;text-transform: uppercase;}

footer .call_md span.call_color{color: var(--primaryColor);letter-spacing: 1px;}

footer .mdl_email ul li{margin-bottom: 1vw;}

footer .mdl_email h2{color: #555;font-size: 1vw; letter-spacing: 1px;text-transform: uppercase;line-height: 1;}

footer .mdl_email p a{color: var(--primaryColor);font-size: 1vw; letter-spacing: 1px;margin-bottom: 1vw;}

footer .social_list ul {display: flex;gap: .5vw;}

footer .social_list ul li img{width: 2.2vw;height: 2.2vw;transition: all .5s;transform-origin: center;}

footer .social_list ul li img:hover{transform: scale(1.02);transition: all .5s;}

footer .bottom_cpy p{color: #555;font-size: 1vw; letter-spacing: 1px;margin-bottom: 0;text-transform: uppercase;}

footer .bottom_cpy {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));}

footer .bleft{text-align: left;margin-left: 0;}

footer .bcenter{text-align: center;}

footer .bright{text-align: right; margin-right: 0;}

/* 16-10-2025  prdp*/

.legal_wrapper {

  padding-top: 50px;

    min-height: 100vh;

    max-width: 1200px;

}

.legal_wrapper p{

  margin-bottom: 16px;

}

.legal_wrapper  h2{

  color: #7D3333;

    margin-bottom: 2vw;

    font-size: 2vw;

    line-height: 1.2;

    padding-top: 1vw;

}

footer .bottom_cpy .bcenter a {

    color: #555

}


.showonmobile {display:none !important;}

@media(max-width:980px){

  body {overflow: scroll;}

  .outerDiv {position: relative;}

  

  header {flex-direction: column; height: 120px; justify-content: center; overflow: hidden;}

  header.hide  {top:-110px;}

  header .lt {position: relative; z-index: 1; flex-direction: column; gap:40px; width:100%; margin-left:500px; opacity: 0; padding:0px 0px 30px 0px;}

  header .lt a {font-size: 30px; /* color:#000000; */color: var(--primaryColor);transform: translateY(10px); opacity:0; transition:0.5s; font-weight:700;}

  header .rt {position: relative; z-index: 1; flex-direction: column; gap:40px; width:100%; margin-left:500px; opacity: 0; margin-right: auto; padding-right:0px !important;}
  
  header .rt a {font-size: 30px; color:#000000; color: var(--primaryColor);transform: translateY(10px); opacity:0; transition:0.5s; font-weight:700;}

  header .rt .main-btn {position:relative; width: auto; font-size: 20px !important; padding: 10px 20px; top:0px; right:0px;}

  header .rt .main-btn .plus_icon {padding:10px;}

  header .rt .main-btn .plus_icon img {width:10px;}

  header .lt a:nth-child(1){transition-delay: 0s;}
  header .lt a:nth-child(2){transition-delay: 0.1s;}
  header .lt a:nth-child(3){transition-delay: 0.2s;}
  header .lt a:nth-child(4){transition-delay: 0.3s;}
  header .lt a.animate {transform: translateY(0px); opacity: 1;}
  header .rt a:nth-child(1){transition-delay: 0.4s;}
  header .rt a:nth-child(2){transition-delay: 0.5s;}
  header .rt a:nth-child(3){transition-delay: 0.6s;}
  header .rt a.animate {transform: translateY(0px); opacity: 1;}

  header .btn_menu {display: block;}

  .hideonmobile {display:none !important;}
  .showonmobile {display:block !important;}



  .headerhover {display: none !important; opacity: 0 !important;}



  .headerinner header {position: absolute;}



  header.openmenu {overflow-x: hidden; overflow-y: scroll ;}



  .hp_sec1 .lg {display: none !important;}

  .cursor {display: none;}



  .logoanim {transform:scale(0.5) translate(-50%,-50%); width: 400px;}

  .logoanim.animate  {transform:scale(0.38) translate(-49.5%,0%); top:20px;}

  .logoanim.animate .rect {width:200%;}



  .headerinner header .md {display: none;}



  header {position: absolute;}

  header .md {top:20px !important; z-index: 9;}

  header .md img {width:150px;}

  .btn {padding:10px 20px !important; font-size: 14px;}



  .hp_sec1 {height:unset;}

  .hp_sec1 .bg {position:relative;}



  .hp_sec2 {height:unset;}

  .hp_sec2 .dv {position:relative;}

  .hp_sec2 .bg {position:relative;}

  .hp_sec2 .bg img {width: 100%; height:auto;}

  .hp_sec2 .ct {position: relative; left: 0px; padding: 0px; width: 100%; display: block; height: auto;}

  .hp_sec2 .ct .t1 h2 {font-size: 34px; line-height:1; margin-bottom:20px;}

  .hp_sec2 .ct .t1 h3 {font-size: 20px; font-weight: 700; margin-bottom:30px;}

  .hp_sec2 .ct .t2 .first {font-size: 14px; margin-bottom:10px;  font-weight: 700;}

  .hp_sec2 .ct .t2 .secnd {font-size: 20px; margin-bottom:10px; font-weight: 700;}

  .hp_sec2 .ct .para {font-size: 16px; font-weight: 700; letter-spacing: 1px; margin-bottom:24px;}

  .hp_sec2 .ct .tx {padding:40px 20px;}

  .hp_sec2 .ct .tx .t1 {width: 100% !important;}

  .hp_sec2 .ct .tx .t2 {width: 100% !important;}



  .layout_one .hp_sec2 .ct .t1 h2 {font-size:34px;}

  .layout_one .hp_sec2 .ct .t1 h3 {font-size: 20px; margin-bottom:30px;}
  .layout_one.aboutus .hp_sec2 .pc_ab1 {position:relative;}



  .contact_sec1 {padding:0px 20px;}

  .contact_sec1 .tx1 {font-size: 34px; letter-spacing: 2px; padding-top: 40px; margin-bottom: 10px;}

  .contact_sec1 .grd {flex-direction: column; padding-bottom: 0px;}

  .contact_sec1 .grd .dv {margin-bottom:30px;}

  .contact_sec1 .grd .dv .t1 {font-size: 16px; letter-spacing: 1px; margin-bottom: 2px; font-weight: 400;}

  .contact_sec1 .grd .dv .t2 a {gap: 10px; font-size: 16px;}

  .contact_sec1 .tx1 {text-align: left;}

  .contact_sec1 .tx2 {margin-bottom:40px; font-size: 16px; text-align: left;}

  .contact_sec1 .tx3 {font-size: 18px; letter-spacing: 1px; margin-bottom: 20px; text-align: left;}

  .contact_sec1 .grd .dv .t2 a img {margin-top: 0px; width: 20px;}

  .layout_one.contact .hp_sec2 h5 {font-size: 18px; margin-bottom: 20px; font-weight: 700;letter-spacing: 1px;}

  .layout_one.contact .hp_sec2 .inp {margin-bottom: 20px;}

  .layout_one.contact .hp_sec2 .inp input[type="text"] {border-radius: 6px; padding: 10px; letter-spacing: 1px; height: 40px; font-size: 14px;}

  .layout_one.contact .hp_sec2 .inp textarea {border-radius: 6px; padding: 10px; letter-spacing: 1px; height: 150px; font-size: 14px;}

  .layout_one.contact .hp_sec2 button {gap: 0px; padding: 8px 2px 8px 18px; border-radius: 20px; font-size: 14px; width: 100px;}

  .layout_one.contact .hp_sec2 button svg {padding-left: 10px; width: 10px; height: 10px; margin-top: 6px;}

  .layout_one.contact .hp_sec9 .bx {width: 100%; padding: 20px; font-size: 16px;}

  .layout_one.contact .hp_sec9 .bx .t1 {font-size: 18px; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px;}

  .layout_one.contact .hp_sec9 .bx .t2 { margin-bottom: 20px;}

  .layout_one.contact .hp_sec9 .bx .t3 {margin-bottom: 10px; gap: 5px;}

  .layout_one.contact .hp_sec9 .bx .t3 img {width: 14px; margin: 0px 10px 0px 6px;}

  .layout_one.contact .hp_sec9 .bx .t4 {margin-bottom: 10px; gap: 5px;}

  .layout_one.contact .hp_sec9 .bx .t4 img {width:24px; margin-right: 8px;}



  .hp_sec3 {height:unset;}

  .hp_sec3 .dv {position:relative;}

  .hp_sec3 .bg {position:relative;}

  .hp_sec3 .bg img {width: 100%; height:auto;}

  .hp_sec3 .ct {position: relative; left: 0px; padding: 0px; width: 100%; display: block; height: auto;}

  .hp_sec3 .ct .t1 h2 {font-size: 34px; line-height:1; margin-bottom:20px;}

  .hp_sec3 .ct .t1 h3 {font-size: 20px; font-weight: 700; margin-bottom:30px;}

  .hp_sec3 .ct .t2 .first {font-size: 14px; margin-bottom:10px;  font-weight: 700;}

  .hp_sec3 .ct .t2 .secnd {font-size: 20px; margin-bottom:10px; font-weight: 700;}

  .hp_sec3 .ct .para {font-size: 16px; font-weight: 700; letter-spacing: 1px; margin-bottom:24px;}

  .hp_sec3 .ct .tx {padding:40px 20px;}

  .hp_sec3 .ct .tx .t1 {width: 100% !important;}

  .hp_sec3 .ct .tx .t2 {width: 100% !important;}



  .hp_sec4 {height:unset; padding:40px 0px 0px 0px; background-color: #f7f7f7;}

  .hp_sec4 .dv1 {opacity:1; margin-left:0px;}

  .hp_sec4 .dv2 {opacity:1; margin-right:0px;}

  .hp_sec4 .section_heading {font-size: 34px; line-height: 1; margin-bottom: 20px; width: 100% !important;}

  .hp_sec4 .section_para {width: 100% !important; font-size: 16px; font-weight: 700; letter-spacing: 1px; padding: 0px 20px; margin-bottom: 40px !important;}



  .hp_sec5 {height:60.72vw;}

  .hp_sec5 .dv_cnt {height:60.72vw;}

  .hp_sec5 .dv {height:60.72vw;}

  .hp_sec5 .tx {opacity: 1;}

  .hp_sec5 .tx .t {font-size: 24px; font-weight: 700; letter-spacing: 2px;}

  .hp_sec5 .bg img {height:60.72vw;}
  .hp_sec5 .arrows {display:block;}



  .hp_sec6 {height:60.67vw;}

  .hp_sec6 .dv {height: 60.67vw; opacity: 1; padding-bottom: 40px; transform: translate(-50%, -50%) scale(1);}

  .hp_sec6 .dv img {width: 90vw;}



  .hp_sec7 .tx {opacity:1; transform: none; height: auto; padding-top:60px !important;}

  .hp_sec7 .heading {font-size: 34px; line-height: 1; margin-bottom: 20px !important; width: 100% !important;}



  .hp_sec7 .tp {height: 54vw;}
  .hp_sec7 .tp .dv .pc {position: relative; top:auto; left:auto; transform:unset; width:auto; height:100%; object-fit: cover; transform-origin: unset;}
  .hp_sec7 .tp .dv .pc img {position: relative; top:auto; left:auto; transform:scale(0); width:100%; height:100%; object-fit: cover; transition: 0.5s;}
  .hp_sec7 .tp .dv .pc.animate img {transform:scale(1);}


  .hp_sec7 .md {height: auto;}
  .hp_sec7 .md .dv .pc {position: relative; top:auto; left:auto; transform:unset; width:auto; height:auto; object-fit: unset; transform-origin: unset;}
  .hp_sec7 .md .dv .pc img {position: relative; top:auto; left:auto; transform:scale(0); width:100%; height:auto; object-fit: unset; transition: 0.5s;}
  .hp_sec7 .md .dv .pc.animate img {transform:scale(1);}

  .hp_sec7 .bt {height: 54vw;}
  .hp_sec7 .bt .dv .pc {position: relative; top:auto; left:auto; transform:unset; width:auto; height:100%; object-fit: cover; transform-origin: unset;}
  .hp_sec7 .bt .dv .pc img {position: relative; top:auto; left:auto; transform:scale(0); width:100%; height:100%; object-fit: cover; transition: 0.5s;}
  .hp_sec7 .bt .dv .pc.animate img {transform:scale(1);}
  

  .hp_sec8 {margin-bottom:60px;}

  .hp_sec8 .heading {font-size: 34px; line-height: 1; margin-bottom: 0px !important; width: 100% !important;}

  .hp_sec8 .tx {opacity:1; margin-left: 0vw; height:auto; padding-top:60px; padding-bottom:40px;}

  .hp_sec8 .grd {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0px 20px; height:auto;}

  .hp_sec8 .grd .dv {opacity: 1; height: auto; transform: none; transition:0.5s;transition-delay: 0s !important;}

  .hp_sec8 .grd .dv .ig_bx {height: auto;}

  .hp_sec8 .grd .dv .ig_bx img {height: auto;}

  .hp_sec8 .grd img.agn {width: 10px !important; top: 8px; left: 0px;}

  .hp_sec8 .grd .dv:nth-child(2) {margin-bottom:20px;}

  .hp_sec8 .grd .dv:nth-child(1) {margin-left:-100px; opacity:0;}

  .hp_sec8 .grd .dv:nth-child(2) {margin-left:100px; opacity:0;}

  .hp_sec8 .grd .dv:nth-child(3) {margin-left:-100px; opacity:0;}

  .hp_sec8 .grd .dv:nth-child(4) {margin-left:100px; opacity:0;}

  .hp_sec8 .grd .dv.animatemobile {margin-left:0px; opacity:1;}

  

  

  .hp_sec7 .lk {height: auto; padding-top:20px;}

  .hp_sec7 .lk img {width: 122px !important;}

  .hp_sec8 .lk {height: auto; padding-top:20px;}

  .hp_sec8 .lk img {width: 110px !important;}



  .lts_bx .tag {font-size: 14px; margin-bottom: 6px; font-weight: 700; letter-spacing: 1px; }

  .lts_bx h2.title {font-size: 20px; margin-bottom: 20px; min-height: 50px; letter-spacing: 0.5px; max-width: 250px;}



  .hp_sec9 {height: 60.67vw; min-height:270px;}

  .hp_sec9 .dv {height: 60.67vw; min-height:270px; margin-top:0px; background-size: cover !important;}

  .hp_sec9 .dv .tx {width:100%; padding:0px 20px; }

  .hp_sec9 .sec9_cont p {font-size: 18px;}

  .hp_sec9 .sec9_cont h2 {font-size: 22px;}



  .services_detail .sec1 {height:auto; margin-bottom: 30px; margin-top: 30px;}

  .services_detail .sec1 img {height:auto;}

  .services_detail .sec0 {padding-top: 0vw; padding-bottom: 0vw;}

  .services_detail .sec0 .ct {width:100%; padding:0px 20px;}

  .services_detail .sec0 .t1 {font-size: 34px; letter-spacing: 2px; padding-top: 40px; margin-bottom: 10px;}

  .services_detail .sec0 .t2 {margin-bottom: 20px; font-size: 16px;}



  .services .lyt1 {height: auto; padding: 120px 20px 0px 20px;}

  .services .lyt1 .t1 {font-size: 34px; letter-spacing: 2px; padding-top: 0px; margin-bottom: 10px;}

  .services .lyt1 .t2 {margin-bottom: 40px; font-size: 16px;}

  .services .lyt2 {height:auto; display: block; margin-bottom:1px;}
  .services .lyt2 .dv .pc { position: relative; top: 0%; left: 0%; transform: unset; width: 100%; height: 100%; object-fit: unset; overflow: unset; margin-bottom:1px;}

  .services .lyt2 .dv .pc .img {position: relative; top: 0%; left: 0%; transform: scale(1); width: 100%; height: auto; object-fit: unset; overflow: unset; transition: 0.5s;}
  /*.services .lyt2 .dv .pc.animate .img {transform: scale(1);}*/


  .services .lyt2 .dv .tx .lk {padding: 10px 20px; font-size: 14px; letter-spacing: 1px; border-radius: 50px;}

  .services .lyt2 .dv .tx { bottom: 20px; padding: 0px 20px; width:100vw;}

  .services .lyt2 .dv .tx h3 { display:block; width:100%; font-size: 26px; letter-spacing: 2px; padding-top: 20px; margin-bottom: 10px;}



  .projects .lyt1 {height: auto; padding: 120px 20px 0px 20px;}

  .projects .lyt1 .t1 {font-size: 34px; letter-spacing: 2px; padding-top: 0px; margin-bottom: 10px;}

  .projects .lyt1 .t2 {margin-bottom: 40px; font-size: 16px;}

  .projects .lyt2 {height:auto;}

  .projects .lyt2 .dv {}

.projects .lyt2 .dv .pc { position: relative; top: 0%; left: 0%; transform: unset; width: 100%; height: 100%; object-fit: unset; overflow: unset;}

.projects .lyt2 .dv .pc .img {position: relative; top: 0%; left: 0%; transform: scale(1); width: 100%; height: auto; object-fit: unset; overflow: unset; transition: 0.5s;}

/*.projects .lyt2 .dv .pc.animate .img {transform: scale(1);}*/
/*  .projects .lyt2 .dv .pc.animate {width:100%; height:100%;}

  .projects .lyt2 .dv .pc.animate .img {transform: translate(-50%, -50%) scale(1);}*/
  .projects.detail .lyt2 {display:block; margin-bottom:1px;}
  .projects.detail .lyt2 .dv {width: 100%; margin-bottom:1px;}

  .projects.detail .lyt2 .dv .pc .img {transform: scale(1);}



  .projects.detail .sec0 {padding: 0px 20px 60px 20px;}

  .projects.detail .sec0 .ttl {font-size: 34px; letter-spacing: 2px; padding-top: 40px; margin-bottom: 20px; max-width: 100%;}

  .projects.detail .sec0 .ct {max-width: 100%; flex-direction: column; width:100%;}

  .projects.detail .sec0 .dv {width: 100%; padding-right: 0px;}

  .projects.detail .sec0 .dv .t1 {font-size: 16px; margin-bottom: 20px;}

  .projects.detail .sec0 .dv:nth-child(2) {padding-left:0px;}

  .projects.detail .sec0 .dv .rw {padding-left:0px;}

  .projects.detail .sec0 .dv .rw .t2 {font-size: 16px;min-width: auto;}

  .projects.detail .sec0 .dv .rw .t3 {font-size: 16px;min-width: auto;}

  .projects.detail .sec0 .dv .rw {flex-direction: column;}

  .projects.detail .sec0 .dv .rw:nth-child(1) {margin-bottom: 10px;padding-bottom: 10px;}



  .projects.detail .sec5 {height: auto; font-size: 16px;}

  .projects.detail .sec5 .ct {padding: 0px 20px; padding-top: 10px; transform: none; margin-top: 20px; margin-bottom: 60px;}

  .projects.detail .sec5 .dv img {width: 12px;}



  .media .lyt1 {height: auto; padding: 120px 20px 0px 20px;}

  .media .lyt1 .t1 {font-size: 34px; letter-spacing: 2px; padding-top: 0px; margin-bottom: 10px;}

  .media .lyt1 .t2 {margin-bottom: 20px; font-size: 16px;}

  .media .lyt1 .t3 a {display: block; padding:10px 0px;}

  .media .lyt1 .t3 {font-size: 14px; gap: 20px; padding-top: 10px; letter-spacing: 0px; margin-bottom:30px;}

  .media .grid {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 0px 20px;}

  .media .grid .dv {margin-bottom: 20px;transform: translateY(100px);}

  .media .loadmore {height: auto; font-size: 16px;}

  .media .loadmore .ct {padding: 0px 20px; padding-top: 10px; transform: none; margin-top: 20px; margin-bottom: 60px;}

  .media .loadmore .dv img {width: 12px;}



  .media.events .grid .dv .tx {font-size: 16px; padding: 10px 0px 0px 0px;}



  .media.events .grid,

  .media.blog .grid

  {grid-template-columns: repeat(2, minmax(0, 1fr));}



  .media.testimonials .grid {grid-template-columns: repeat(1, minmax(0, 1fr));}

  .media.testimonials .grid .dv {padding: 20px 20px 40px 20px; margin-bottom:0px;}

  .media.testimonials .grid .dv img {width: 40px; margin-bottom: 20px;}

  .media.testimonials .grid .dv .t1 {font-size: 16px; margin-bottom: 20px;}

  .media.testimonials .grid .dv .t2 {bottom: 20px; font-size: 16px; padding: 0px 20px;}



  .media.blog .grid .dv {margin-bottom:0px;}

  .media.blog .grid .dv .ct {padding: 20px; height: unset;}

  .media.blog .grid .dv .t1 {font-size: 14px; margin-bottom: 10px;}

  .media.blog .grid .dv .t2 {font-size: 16px; margin-bottom: 10px;}

  .media.blog .grid .dv .t3 {font-size: 14px; margin-bottom: 15px; letter-spacing: 1px;}

  .media.blog .grid .dv .lk {font-size: 14px;}



  .blogtext {font-size: 16px; padding-top: 120px;}

  .blogtext .pd {padding: 0px 20px;}

  .blogtext h1 {margin-bottom: 10px; font-size: 28px; }

  .blogtext .date {font-size: 14px; margin-bottom: 10px;}

  .blogtext .content {padding-top:20px;}

  .blogtext .caption {font-size: 14px; margin-bottom: 30px;}

  .blogtext .intro {font-size: 20px; margin-bottom: 30px; margin-top: 10px; padding: 20px 0px;}

  .blogtext p {margin-bottom: 20px;}

  .blogtext .img-container {gap: 20px;}

  .blogtext .img-container .dv img {margin-bottom: 10px;}

  .blogtext h2 {margin-bottom: 20px; font-size: 24px; padding-top: 10px;}

  .blogtext h3 {margin-bottom: 20px;font-size: 20px; padding-top: 10px;}

  .media.blog-detail .bottomsec .readon {font-size: 24px; padding: 40px 20px 18px 20px;}



  footer .lg {width: 90%; margin: 0px auto 20px auto; padding:0px 0px;}



  .layout_one .hp_sec2 .ct .tx {overflow-x: unset; overflow-y: unset; height: auto;}

  .layout_one .hp_sec2 .t2 p {margin-bottom: 20px; font-size: 16px; line-height: 1.5;}

  .layout_one .hp_sec2 .t1 h4 {font-size: 16px; margin-bottom: 40px; margin-top: 0px; letter-spacing: 1px;}



  .career_sec1 {padding: 60px 0px;}

  .career_sec1 .t1 {font-size: 34px; line-height: 1.2; margin-bottom: 20px; max-width: 280px;}

  .career_sec1 .t2 {font-size: 18px; line-height: 1.2; margin-bottom: 20px; max-width: 280px;}

  .career_sec1 .t3 {font-size: 18px; line-height: 1.2; margin-bottom: 20px; max-width: 280px;}

  .career_sec1 .lk {padding: 10px 20px !important; font-size: 14px; width:150px; margin:10px auto 40px auto;}

  .career_sec1 .lk svg {width: 12px; height: 12px;}

  .projects .img {transform:scale(0) !important; transition: 0.5s !important; transform-origin: center !important;}
  .projects .img.animate {transform:scale(1) !important;}
  .services .img {transform:scale(0) !important; transition: 0.5s !important; transform-origin: center !important;}
  .services .img.animate {transform:scale(1) !important;}

  footer .tp {padding: 0px 20px 40px 20px;height: auto;}

  footer {padding-top:40px;}

  footer .tp .l .nl_bx h2 {font-size: 16px; margin-bottom:20px; letter-spacing: 0.5px;}

  footer .input_bx {padding-bottom:10px;}

  footer input.in_nl {height: 20px; width: 100%; font-size: 14px; letter-spacing: 0.5px; }

  footer button.sb_btn {border-radius: 20px; padding: 0px 10px;}

  footer button.sb_btn svg {width:30px; height:20px;}

  footer .tp .m img {width:240px;}

  footer .footer_menubx {width:200px; flex-direction: row-reverse;}

  footer .footer_list h2 {font-size: 16px;letter-spacing: 0.5px;margin-bottom: 10px;}

  footer .footer_list ul li {margin-bottom:6px;}

  footer .footer_list ul li a {font-size: 14px;letter-spacing: 0.5px;}

  footer .md {padding: 0px 20px;height: auto;line-height: 1.5; margin-bottom:20px;}

  footer .md_wrap h2 {font-size: 14px;letter-spacing: 1px;margin-bottom: 10px;}

  footer .md_wrap p {font-size: 14px;letter-spacing: 0;margin-bottom: 10px;}

  footer .call_md {gap: 10px;margin-top: 14px;}

  footer .call_md span {font-size: 14px;margin-bottom: 10px;}

  footer .mdl_email ul li {margin-bottom: 20px;}

  footer .mdl_email h2 {font-size: 14px;}

  footer .mdl_email p a {font-size: 14px;margin-bottom: 10px;}

  footer .social_list ul {gap:10px;}

  footer .social_list ul li img {width: 30px;height: 30px;}

  footer .bt {border-top: 1px dotted #cccccc; padding: 20px 20px 20px 20px;}

  footer .bottom_cpy p {font-size: 12px;letter-spacing: 1px;margin-bottom: 0;text-transform: uppercase;}

  footer .tp .l .nl_bx {width: 100%;}



  .ic_pls {width: 44px; height: 44px; border-radius: 50%; margin: 10px auto; padding: 10px;}

  p.btn_text {font-size: 12px;}

  .btn svg {width: 12px; height :12px;}



}

@media (max-width:820px){

   .id_btn_wrap {

    text-align: center;

    padding-bottom: 20px;

  }

  .id_btn_wrap a {

    display: inline-block;

    margin-bottom: 10px;

  }

}



@media(max-width: 767px){

  .hp_sec8 .grd {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:40px;}

  .hp_sec8 .grd .dv {border-bottom:1px solid #ccc; padding-bottom:40px;}

  .hp_sec8 .grd .dv:nth-child(2) {margin-bottom:0px;}

  .lts_bx h2.title {min-height: auto;max-width: 100%;}



  footer .tp {flex-direction: column;}

  footer .md {flex-direction: column; gap: 20px; text-align: center;}

  footer .bottom_cpy {display: block; text-align: center;}

  footer .bleft {text-align: unset; margin-bottom:10px;}

  footer .bcenter {text-align: unset; margin-bottom:10px;}

  footer .bright {text-align: unset;}

  footer .tp .l .nl_bx {margin-bottom:20px;}

  footer .tp .m img {margin:0px auto 30px auto;}

  footer .footer_menubx {width:100%; border-bottom: 1px dotted #ccc; padding-bottom:20px;}

  footer .footer_menubx .dv {width:50%;}



  footer .call_md {align-items: center; justify-content: center;}

  footer .social_list ul { align-items: center; justify-content: center;}



  .media .grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0px 20px;}



  .media.events .grid,

  .media.blog .grid,

  .media.testimonials .grid {grid-template-columns: repeat(1, minmax(0, 1fr));}



  .blogtext .img-container {flex-direction: column; gap:0px;}

  .blogtext .img-container .dv {width: 100%;}

  .id_btn_wrap {

    text-align: center;

    padding-bottom: 20px;

  }

  .id_btn_wrap a {

    display: inline-block;

    margin-bottom: 10px;

  }



}





@media(max-width:370px){

.media .lyt1 .t3 {gap:12px; font-size: 12px;}

}







@media(min-width:980px){

  header .rt .main-btn:hover{background: #28282899; border-color:#28282899; }

  .btn:hover{background: transparent; color: #555555; transform: scale(1.01);}

  .btn:hover .icon svg{transform: rotate(45deg); margin-left: 5px; transition: all .5s;}

  .btn:hover .icon svg path{fill: var(--primaryColor);}

  .hp_sec8 .grd .dv:hover .ig_bx img{transform: scale(1.1);}

  .hp_sec8 .grd .dv:hover img.agn{transform: rotate(45deg); margin-left: 5pxs;}

  .hp_sec8 .grd .dv:hover .lts_bx h2.title::after{width: 85%;}

  .hp_sec9 .sec9_cont a.btn:hover {background: #fff; color:var(--primaryColor); border-color: #fff;}

  .hp_sec9 .sec9_cont a.btn:hover svg path{fill: var(--primaryColor);}

  .close-btn:hover{background: #fff; color: var(--primaryColor);}

}



.hideThis{display:none !important}