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



/*_____WEB FONTS END_____*/



/*___________Scrollbar_____________*/

html{scrollbar-color: #000 #fff0;}

html {--scrollbarBG: #fff0;--thumbBG: #000;}

body::-webkit-scrollbar {width: 5px;}

body {scrollbar-width: thin;scrollbar-color: var(--thumbBG) var(--scrollbarBG); overflow-x: heddint!important} 

body::-webkit-scrollbar-track {background: var(--scrollbarBG);}

body::-webkit-scrollbar-thumb {background-color: var(--thumbBG) ;border-radius: 6px;border: 3px solid var(--scrollbarBG);}

*{scrollbar-color:  var(--thumbBG) var(--scrollbarBG);scrollbar-width: thin}

/*___________Scrollbar END_____________*/





/*___________COMMON STYLE_____________*/

select {word-wrap: normal;background-image: url(../images/arrow-right.png)!important;background-repeat: no-repeat!important;background-position:center right 23px!important; padding-right:40px!important}



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:auto;padding:0;text-decoration:none}

.fa-phone{transform: rotate(100deg);}

body {overflow-x: hidden;font-size: 16px;  font-family: "Kanit", sans-serif;}

.clearfix{ clear:both}

img{ max-width:100%}

ul{ margin:auto; padding:0}

a{text-decoration:none;}

.oh{overflow:hidden}

.tu{text-transform:uppercase}

.pr{position:relative}

.ma{margin:auto}

.m0{margin:0}

.br{border-radius:100%}

.container{ max-width:1400px}





.cBlue{color: #00AD9F;}

.BcBlue{background-color: #00AD9F;}



.cSkyBlue{color: #E9F7F7;}

.BcSkyBlue{background-color: #E9F7F7;}





/* .hammerH a:hover{background-color: #00AD9F;} */





.btnS1{color: #000;}

.btnS1:hover{ color: #000;}

.btnSM i{padding-left: 5px;}

.headingS1{font-size: 35px;font-weight: 600;}

.headingS2{font-size: 45px;font-weight: 700;}

.headingS3{font-size: 25px;font-weight: 600;}



label.error {color:red;position: absolute;font-weight: normal;bottom: -20px;font-size:10px;left: 14px;}

section{ padding:40px 0}

.space_min{ padding:40px 0}



/*top*/

#go_top{ position: fixed; bottom:-10%; right:1%; transition:all 0.6s;font-size:30px; cursor:pointer;}

#go_top i{border-radius:100%;color:#000}

#go_top.show{ bottom:7%}

/*top*/



.title{font-weight:500; margin:10px 0; font-size:16px }

.center{ text-align:center}

.reverse{  flex-direction: row-reverse;}

/*___________COMMON STYLE END_____________*/



/*___________HEADER_____________*/

.menu-overlay{padding: 70px 0;}

header{position: fixed;width: 100%;z-index: 103;left: 0;top: 0;transition: all 0.5s ease-in-out;padding: 30px 0;}
header li, footer li, .quickLinks li{list-style-type: none; }
header.fixed-header{background-color: #fff;padding: 5px 0;}

header.fixed-header .menu09HeaderLogo img{}



.menu09HeaderLogo{margin: auto 0;}

.menu-toggle{list-style: none;}

.menuWrap{margin-right: 0;max-height: 80%;border-left: 2px dotted #fff;padding: 0 60px 30px;position: relative;width: 40%;}

.sub-menu{position: absolute;top: 0;left: -500px;height: 100%;overflow: auto;width: 80%;clip-path: inset(0% 0% 100% 0%);transition: all 0.9s ease-in-out;}

.sub-menu li a{font-size: 17px;padding: 10px 0;}

.menu-toggle .container{display: flex;height: 100%;}

.menu-list li{border-bottom: 2px dotted #fff;}





.hasChildren.show .sub-menu{opacity: 1;clip-path: inset(0% 0% 0% 0%);}

.hasChildren .hasChildrenText::after{content:'+';position: absolute;right: 0;font-weight: 100;width: 30px;height: 30px;background: #fff;color: #00AD9F;border-radius: 100%;line-height: 25px;text-align: center;top: 0;bottom: 0;margin: auto;font-size: 30px;}

.hasChildren.show .hasChildrenText::after{content:'-';}

.menu-list a{display: block;font-size: 30px;color: #fff;font-weight: 400;padding:10px 0;position: relative;cursor: pointer;}

.menu_row{display: flex;justify-content: space-between;z-index: 102;position: relative;}

.menu-button{margin: auto 0;width: 136px;height: 40px;position: relative;cursor: pointer;}

.menu-button span{position: absolute;width: 100%;height:  100%;background: url(../images/icon/menuOpen.png);background-repeat: no-repeat;background-size: cover;}

.menu-button.click span{background: url(../images/icon/menuClose.png);background-repeat: no-repeat;background-size: cover;}

.menu-toggle{position: fixed;width: 100%;height: 100vh;left: 0;top: 0;z-index: 101;background-color: #00AD9F;clip-path: inset(0 0 0 100%);overflow: hidden;transition: all 0.9s ease-in-out;padding-top: 100px;}

.menuShow .menu-toggle{clip-path: inset(0 0 0 0%);}

.logoOn{display: block;}

.logoW{display: none;}

.menuShow .logoOn{display: none;}

.menuShow .logoW{display: block;}

/*___________HEADER END_____________*/



.topSec{padding: 100px 0;}



/*___________PAGE_____________*/



.hammer-gridsec h1, .hammer-gridsectwo h1{text-align: center; padding: 15px 0;}

.hammer-gridboxes p, .hammer-gridboxestwo{text-align: center;padding: 20px 0;font-size: 19px; min-height: 100px;}

.hammer-gridboxes .row{display: grid;grid-template-columns: repeat(3, 1fr);width: 100%;margin: auto;}

.hammer-gridboxes .col-sm{border-bottom: 1px solid #ced4da;border-top: 1px solid #ced4da;border-right: 1px solid #ced4da;border-left: 1px solid #ced4da;}

.hammer-gridboxes .col-sm a{display: block;padding: 30px;color: #181C1D;text-align: center;}

.btnList{display: flex;width: fit-content;gap: 10px;color: #00AD9F;}





.veiw{border-bottom: 1px solid #ced4da;border-right: 1px solid #ced4da;border-left: 1px solid #ced4da;width: 100%;text-align: center;padding: 20px 0;}

.veiwtwo{width: 15%;height: 53px;margin-top: 28px;border: 1px solid #ced4da;padding: 10px;}

.veiwtwo p{text-align: center;font-size: 18px; }

.veiwtwo p a{color: #000;}

.veiwtwo p a:hover{color: #fff;} 

.veiwtwo:hover{background-color: #00AD9F;}

.veiw:hover{background-color: #00AD9F;}

.veiw p a:hover{color: #fff;}



.btnS1:hover{color: #fff;}



.veiwtwo:hover i{color: #fff; }

.veiwtwo p a:hover{color: #fff;}

.load{width: 15%;height: 53px;margin-top: 28px;border: 1px solid #ced4da;padding: 11px;}

.load p{text-align: center;font-size: 18px;padding: 0 7px;}

.load p a{color: #000;}

.load p a:hover{color: #00AD9F;} 

.hammHome{padding: 40px 0;}

.hammer-home h6{text-align: center;color: #00AD9F; font-weight: bold;}

.hammer-homestory{padding: 40px 40px;border: 2px solid #ced4da;text-align: center;}

.story-solution {display: flex;border-bottom: 2px solid #ced4da;border-right: 2px solid #ced4da;

border-left: 2px solid #ced4da;}

.story-solution a{padding: 15px;border-right: 1px solid #ced4da;width: 100%;text-align: center;display: block;color: #000;}

.story-solution a:hover{background-color: #00AD9F; color: #fff;}

.story-solution a:hover i{color: #fff;}



.story-solution a:last-child{border-right: none;}







/* slick slider start */

.ham-code-txt h1{text-align: center; padding: 15px 0;}

.ham-code {width: 100%;height: auto;background-size: cover;padding: 60px 0;}

.hammerSlider{padding: 30px 0;}

.hammerSlider .slick-prev {right: 45px;z-index: 2;}

.hammerSlider .slick-disabled {opacity: 0.5;cursor: not-allowed;}

.hammerSlider .slick-prev {right: 45px;transform: rotate(180deg);}

.hammerSlider .slick-disabled {opacity: 0.5;cursor: default;}

.hammerSlider .slick-next {right: 0;}

.hammerSlider .slick-arrow {position: absolute;top: -40px;width: 46px;height: 46px;font-size: 0;background: url(../images/arrow-right.png);;background-size: 50%;background-repeat: no-repeat;border: none;cursor: pointer;

border: 1px solid #00AD9F;background-position: center;}

.hammerSlider .slick-prev {right: 45px;z-index: 2;}

.hammerSlider .item{padding: 20px;}

.hammerSlider .item a{display: block;text-align: center;border: 1px solid #00AD9F;border-radius: 40px;padding:40px 20px;color: #181C1D;}

.hammerSlider .item .imageList{margin-bottom: 20px;}

.hammerSlider .btnList{display: flex;width: fit-content;gap: 10px;margin-top: 20px;}



.imageList img{border-radius: 50px;}

/* slick slider end */





/* solution start */



.accordions1 .accordion-button:not(.collapsed){color: #000;background-color: transparent;

box-shadow: none;}

.accordions1 .accordion-item{border-top: 1px solid #ced4da;border-bottom:  1px solid #ced4da;

border-left: none;border-right: none;}



.accordions1 .accordion-button{font-weight: bold;font-size: 28px;padding: 17px 0;}

.accordions1 .accordion-button:focus{border-color: transparent;box-shadow: none;}

.accordions1 .accordion-item {position: relative;padding-left: 50px;}

.accordions1 .accord-num{position: absolute;top: 16px;left: 0;font-size: 28px;font-weight: bold;width: 100%; color: #00AD9F;}

.accordion-button:not(.collapsed)::after {all: unset;content: '-';position: absolute; top: 16px;right: 0; border: 1px solid #00AD9F ; padding: 1px 9px; border-radius: 16px; color: #00AD9F;}

.accordion-button::after {all: unset;content: '+';position: absolute;top: 16px;right: 0; border: 1px solid #00AD9F;padding: 1px 9px;border-radius: 16px; color: #00AD9F;}





/* solution end */









/* case study detail start */

.brandboxes-text{display: flex;}

.hammer-brandboxes img{width: 100%;}

.brandboxes-text h5{padding: 66px 35px;}

.brandboxes-text p{padding: 67px 164px;}





.hammer-brandTwo{padding: 0;}

.hammer-brandboxes-two img{width: 100%;}



.brandboxes-imgtwo{text-align: center; padding: 30px;}

.brandboxes-imgtwo img{margin: 1px 10px;}





.hammer-brandThree{margin-bottom: 30px;}

.hammer-brandboxesThree img{width: 100%;}

/* case study detail end */



.btn093{border: none;}



/* contact start */



.hammer-contact{background-color: #E9F7F7;padding: 81px 0;}

.hammer-contact h2{text-align: left;}

body .heading_top {font-size: 14px;font-weight: 400;margin-bottom: 10px;}

body .tu {text-transform: uppercase;}

.connect_main .space-bet {gap: 60px;}

.connect_main .connect_wrapper {padding: 20px 0 0;}

.df {display: flex;margin: 20px -20px;}

.connect_main .form_09_contact {background-color: #EAE8DC;padding: 40px 70px;border-radius: 10px;}

.formStyle1 .form-group {width: 100%;position: relative;padding:0px 10px;}

.btn093{margin: 21px 0px;padding: 12px;width: 30%;color: #fff;background-color: #00AD9F;}

.btn093 span{font-size: 24px; color: #fff;}

.btn093 span:hover{color: #000;}

.enq-now-right{margin-top: -52px;}

.enq-now{margin-top: 50px;}

.form_09_contact{margin:0px 30px 0px 0px; width: 50%;}

.enquire_form09 .form-group{margin-bottom:20px;}

.enquire_form09 .form-group input, .enquire_form09 .form-group select, .form-group textarea{padding:15px 10px;border:none;color:#626365;}

.form-btn1{text-align: center;}

.enquire_form09 .form-group select{background-image:none!important;}

.formid-response{text-align: center;}

.enq-now-right a, .address-txt {color:#00AD9F;font-size:24px;}

/* contact end */



/* About */

.aboutCopy{display: flex;padding-top: 100px;}

.aboutCopyTextInner{padding: 0 0 100px;opacity: 0;position: relative;top: 100px;}

.aboutCopyHd{position: sticky;top: 200px;margin: 0;height: fit-content;margin:0px 0 0;width: 700px;min-height: 300px;}

.aboutCopyText{width: 100%;}



.aboutCopyHdInner{position: relative;height: 160px;overflow: hidden;}

.aboutCopyHdSm{position: absolute;top: 100px;opacity: 0;}

/* About end */



/* about sectiion start */

.about-leader{padding:50px 0;}

.ourStory{padding: 100px 0;}

.ourStory .col-md-9{padding-right: 30px;}















.hammer-home span{color: #00AD9F;}

.hammer-about{background-color: #E9F7F7; padding: 84px 6px;}

.about-text{width: 65%;}

.about-text p{margin: 15px -2px;}

.about-main{display: flex;}



.hammer-about-landscape{float: left;}

.about-leadertext{width: 65%; margin: 3% 34%;}

.hammer-about-landscape h1{font-size: 40px;}

.hammer-about-landscape span{color: #00AD9F;}

.hammer-expert-hd{margin: 30px 0;}

.hammer-expert-hd h2{text-align: center;}

.resources_item h3{border-top: 2px solid #626365;padding: 25px 40px 25px 85px; margin: auto; position: relative;}

.resources_item h3::after{content: '';position: absolute;left: 10px;top: 0;bottom: 0;margin: auto;width: 40px;height: 40px;background-image: url(../images/about.png);background-size: contain;background-repeat: no-repeat;}

 .resources_item_data-last h3{border-bottom: 2px solid #626365;}

 .resources_item_data span, .resources_item_data-last span{color: #00AD9F;}



.resources_item{position: relative;}

 .btnListnew{text-align: center;margin: 28px 0; line-height: 0;}

 .btnListnew span {color:#00AD9F ;}

 .textListnew p{color: #000; font-size: 16px;}

 .textListnew h5{color: #000; text-align: center; line-height: 0;}

.textListnew{padding: 20px 0 0;}

 .ham-code-txt-logo h1{text-align: center; padding: 15px 0;}

 

 .logoSliderRow{padding: 0px 0 60px;}

 .logoSlider{padding: 30px 0;}

 /* about sectiion end */



/* Footer */

.footerTop{background-color: #E9F7F7;padding: 60px 0;}

.footerTop .gitIcon{width: 40px;position: relative;top: -20px;left: 10px;}

.footerTop p{margin: 20px 0;}

.getBtnRight{float: right;margin: -45px 0 0;}



.quickLinks{background: #00AD9F;padding: 40px 0;}

.quickLinksrow{display: flex;width: fit-content;gap: 50px;}

.quickLinksrow li a{color: #fff;}

.quickLinksrow li a:hover{color: #000;}



.signUp{padding: 70px 0 30px;width: 700px;}

.subscribeForm .form_part{display: flex;position: relative;margin: 30px 0;}

.subscribeForm .form-group{width: 100%;}

.subscribeForm .form-group input{border: none;width: 100%;padding: 20px ; border-radius: 100px;border: 1px solid #E9F7F7;background-color: #E9F7F7;}

.form-btn{position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: fit-content;width: 60px;}

.form-btn button{border: none;color: #00AD9F;background: transparent;}



.sos{display: flex;width: fit-content;gap: 10px;padding-bottom: 50px;}

.sos a{display: block;width: 40px;height:40px;background-color: #00AD9F;color: #fff;border-radius: 100%;text-align: center;display: flex;}



.copyright{display: flex;justify-content: space-between;width: 100%;padding: 20px 0;}

.copyright div{margin: 0;}

.copyright a{color: #181C1D}

.copyright a:hover{color: #00AD9F;}

/* Footer End */



.case-study-list{padding: 0 0 120px;}

.caseDetailRow{padding: 30px 0;}

.contact-page .footerTop{display: none;}



/* 404 start */ 

.page-error-msg h1 {font-size: 200px;margin: auto;color: transparent;-webkit-text-stroke-width: 2px;

-webkit-text-stroke-color: #00AD9F ;transition: background-color 1s, color 1s;width: fit-content;}



.page-error-bg h1:hover {color: #00AD9F;

 -webkit-text-stroke-color: transparent;}

.page-error-msg h2{text-align: center;}

.btn{width: 100%; margin: 38px 0;}



.btn a {background-color: #00AD9F;color: #fff;border-radius: 4px; cursor: pointer; padding: 8px 20px 8px 20px;

text-decoration: none; border-color: #00AD9F;border-style: solid;border-width: 1px;text-align: center;transition: background-color 1s, color 1s;font-weight: 600;}



.btn a:hover{color: #000;}

/* 404 end */



/* services offerings pages start */



.ourTalent{padding: 70px 0;}

/* .ourTalent h4{margin: 20px 32px;} */

.ourTalent .col-md-9{padding-right: 30px;}

.ourStorynew h4{margin: 3px 30px; }



.ourentertain{padding: 70px 0;}

.ourentertain .col-md-9{padding-right: 30px;}

.ourentertain h4{margin: 8px 0px;}

.wrap-management ul,.wrap-management ol{padding-left:15px;}

.wrap-management ul li{list-style-type: disc}

.wrap-management ol li{list-style-type: decimal}

.wrap-management li{padding: 10px 0;}

.wrap-management li b{color: #00AD9F;}

.wrap-management .row{gap: 20px;flex-wrap: nowrap;}

/* services offerings pages End */



.footerTop a:hover{color: #00AD9F;}







/*___________PAGE END_____________*/













/*___________ MOBILE RESPONSIVE CODE _____________*/





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

.container{max-width:90%;}

}







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

  .hammer-gridboxes .row{  grid-template-columns: repeat(2, 1fr);}

  .hammer-gridboxes .col-sm a{padding: 10px;}

  .headingS1{font-size: 25px;}

  .headingS2{font-size: 29px;}

}





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

  .menu-toggle{padding-top: 0px;}

.veiwtwo{width: 33%;height: 45px;padding: 7px;}

.hammget-footer {background-color: #E9F7F7;padding: 172px 0;}

.hammget-footer img {margin: 10px 167px;width: 13%;}

.getin{display: block;margin: 0;}

.menu-footer{padding: 4px 0;font-size: 17px;margin-top: -76px;}

.menu-footer ul{display: flex;gap: 22px; width: 100%;}

.ham-search h1{font-size: 24px;padding: 50px 0;}

.form-control{width: 100%;}

.social i{font-size: 20px;}

.hammer-home h1 {text-align: center;font-size: 22px;margin: 24px;}

.textList p{font-size: 13px;}

section {padding: 30px 0;}

.df{display: block;}

.enq-now-right {margin-top: 54px;}

.btn093 {margin: 19px 118px;padding: 12px;width: 42%;}

.load {width: 39%;}

/* .accordions1 .accordion-button{font-size: 20px;} */

.accordion-body p{font-size: 15px;}

.brandboxes-text{display: block;}

.brandboxes-text h5 {text-align: center;padding: 29px 111px;}

.brandboxes-text p{padding: 0;}

.brandboxes-imgtwo img {margin: 16px 0;}

.about-main{display: block;}

.about-text{text-align: center;font-size: 13px; width: 100%;}

.about-img img{width: 86%;margin: 20px 28px;}

.hammer-about-landscape {float: none;}

.hammer-about-landscape h1{font-size: 30px;text-align: center;}

.about-leadertext{width: 100%;font-size: 13px;margin: 39px 16px;}



.resources_item h3{font-size: 15px;}

.hasChildren.show .sub-menu{position: inherit;width: 100%;}

.ham-code-txt h1{padding: 45px 0;}

.expert-sec{padding: 0}

.getBtnRight{float: none;margin: 20px 0;}

.quickLinks {padding: 0 0;}

.quickLinksrow{overflow: auto;width: 100%;gap: 25px;}

.quickLinksrow li{width: 100%;font-size: 16px;white-space: nowrap;padding: 20px 0;}

.signUp{width: 100%;}

.copyright{display: block;text-align: center;font-size: 12px;}



.menu-button{width: 100px;height: 29px;}

.menuWrap{width: 100%;padding: 30px 0;border: none;}

.menu-toggle{  transition: all 0.3s ease-in-out;}

.menuWrap{overflow: auto;}

.menu09HeaderLogo{width: 100px;}

.hammer-home h1{margin: 20px 0;}

.topSec{padding: 50px 0;}

.col-md-3 img{padding: 25px 30px;}

.accordions1 .accord-num{font-size: 22px;}

.accordions1 .accordion-button{font-size: 16px;}

.applyNow_form{width:100%;}

.hammer-contact h2{text-align: center; font-size: 19px;}

.btn093 span{padding: 0;}

.btn093 { margin: 17px 0;}

.enq-now h5{font-size: 16px;}

.enq-now-right a, .address-txt{font-size: 15px;}

.enq-now{margin: 22px 42px;}

.veiw{border-top: 1px solid #ced4da;}

.aboutCopyText p{font-size: 11px;}

.textListnew p{font-size: 13px; line-height: 3;}

.imageList img {border-radius: 25px;}



.caseDetailRow {padding: 10px 0;}

.caseDetailRow {font-size: 13px;}

.headingS3{font-size: 20px;}

.wrap-management .row{flex-wrap: wrap;}

.story-solution a{padding: 12px;}

}









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



}

/*___________ MOBILE RESPONSIVE CODE END_____________*/