@ -28,7 +28,7 @@ h1{
h2 {
h2 {
font-weight : 700 ;
font-weight : 700 ;
font-weight : 800 ;
font-weight : 800 ;
font-size : 28 px;
font-size : 34 px;
line-height : 34px ;
line-height : 34px ;
color : # 202023 ;
color : # 202023 ;
}
}
@ -59,12 +59,13 @@ h4{
transition : padding 500ms , box-shadow 500ms ;
transition : padding 500ms , box-shadow 500ms ;
transition-delay : 200ms ;
transition-delay : 200ms ;
}
}
. header-scroll {
. header-scroll {
padding : 0 6rem ;
padding : 0 6rem ;
background : # 0E2B52 ;
background : rgba ( 14 , 43 , 82 , 0 . 9 ) ;
backdrop-filter : blur ( 12px ) ;
position : sticky ;
position : sticky ;
box-shadow : 0 2px 4px rgba ( 99 , 99 , 99 , 0 . 25 ) ;
box-shadow : 0 2px 4px rgba ( 99 , 99 , 99 , 0 . 25 ) ;
}
}
. header . logo {
. header . logo {
height : 5rem ;
height : 5rem ;
}
}
@ -119,9 +120,29 @@ h4{
}
}
. dropdown-menu a {
. dropdown-menu a {
font-weight : 600 ;
font-weight : 600 ;
font-size : 16px ;
font-size : 14px ;
}
. service-dropdown {
width : 600px ;
transform : translate ( -30 % , 0 % ) ;
}
. service-drop-card {
display : flex ;
justify-content : space-between ;
}
. service-drop-card ul {
padding-left : 0 ;
}
. service-drop-card h5 {
color : # F54C5F ;
font-size : 18px ;
margin-bottom : 0 ;
padding : 0 1rem ;
}
. service-drop-card ul li {
text-decoration : none ;
list-style : none ;
}
}
. dropdown-item : focus , . dropdown-item : hover {
. dropdown-item : focus , . dropdown-item : hover {
color : # fff ! important ;
color : # fff ! important ;
background-color : # F54C5F ! important ;
background-color : # F54C5F ! important ;
@ -218,6 +239,14 @@ Responsive Codes
position : sticky ;
position : sticky ;
background : # 071C39 ;
background : # 071C39 ;
}
}
. service-dropdown {
width : 300px ;
transform : translate ( -30 % , 0 % ) ;
}
. service-drop-card {
display : flex ;
flex-direction : column ;
}
}
}
/* new nav */
/* new nav */
@ -225,10 +254,21 @@ Responsive Codes
. banner-section {
. banner-section {
position : relative ;
position : relative ;
}
}
. banner-section video {
display : block ;
}
. banner-section . banner-shadow {
position : absolute ;
width : 100 % ;
height : 100 % ;
top : 0 ;
left : 0 ;
box-shadow : inset 0 1700px rgb ( 0 0 0 / 45 % ) ! important ;
}
. banner-section . banner-description {
. banner-section . banner-description {
position : absolute ;
position : absolute ;
top : 40 % ;
top : 36 % ;
left : 5 % ;
left : 6 % ;
}
}
. banner-description span :: before {
. banner-description span :: before {
content : "Study Programme" ;
content : "Study Programme" ;
@ -256,8 +296,8 @@ Responsive Codes
}
}
. banner-description h2 , . banner-description-two h2 , . banner-description-three h2 {
. banner-description h2 , . banner-description-two h2 , . banner-description-three h2 {
font-weight : 800 ;
font-weight : 800 ;
font-size : 46 px ;
font-size : 5 4px;
line-height : 69 px;
line-height : 78 px;
color : # FFFFFF ;
color : # FFFFFF ;
}
}
@ keyframes anim-lineUp {
@ keyframes anim-lineUp {
@ -657,6 +697,7 @@ Responsive Codes
font-size : 14px ;
font-size : 14px ;
text-align : center ;
text-align : center ;
color : # FFFFFF ;
color : # FFFFFF ;
margin-bottom : 20px ;
}
}
. enquiry-form . input-group {
. enquiry-form . input-group {
padding : 0 . 5rem ;
padding : 0 . 5rem ;
@ -719,10 +760,10 @@ Responsive Codes
}
}
. btn-submit {
. btn-submit {
background : # F54C5F ;
background : # F54C5F ;
border : 2px solid # F54C5F ;
border : none ;
border-radius : 4px ; ;
border-radius : 4px ; ;
border-radius : 4px ;
border-radius : 4px ;
padding : 10 px 40px ;
padding : 12 px 40px ;
font-weight : 700 ;
font-weight : 700 ;
font-size : 16px ;
font-size : 16px ;
text-align : center ;
text-align : center ;
@ -841,7 +882,7 @@ Responsive Codes
font-weight : 500 ;
font-weight : 500 ;
font-size : 16px ;
font-size : 16px ;
line-height : 24px ;
line-height : 24px ;
color : # F54C5F ;
color : # 0E2B52 ;
display : flex ;
display : flex ;
align-items : center ;
align-items : center ;
gap : 10px ;
gap : 10px ;
@ -881,7 +922,6 @@ Responsive Codes
}
}
/* contact us css */
/* contact us css */
. contact-us-section {
. contact-us-section {
background : url ( '../images/contact-us-banner.png' ) ;
padding : 6rem ;
padding : 6rem ;
height : 40vh ;
height : 40vh ;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
@ -972,7 +1012,8 @@ Responsive Codes
. submit-btn button : hover ,
. submit-btn button : hover ,
. featured-news-desc a : hover ,
. featured-news-desc a : hover ,
. service-secondary-desc a : hover ,
. service-secondary-desc a : hover ,
. chef-hire-form button : hover {
. chef-hire-form button : hover ,
. btn-submit : hover {
background : # 103E70 ;
background : # 103E70 ;
}
}
. chef-hire-form input : focus ,
. chef-hire-form input : focus ,
@ -980,7 +1021,10 @@ Responsive Codes
. chef-hire-form textarea : focus ,
. chef-hire-form textarea : focus ,
. contact-form input : focus ,
. contact-form input : focus ,
. contact-form select : focus ,
. contact-form select : focus ,
. contact-form textarea : focus {
. contact-form textarea : focus ,
. enquiry-form input : focus ,
. enquiry-form select : focus ,
. enquiry-form textarea : focus {
box-shadow : none ;
box-shadow : none ;
}
}
. contact-form label ,
. contact-form label ,
@ -1017,7 +1061,6 @@ Responsive Codes
}
}
/* need a chef page css */
/* need a chef page css */
. need-chef-banner {
. need-chef-banner {
background : url ( '../images/need-chef.png' ) ;
padding : 6rem ;
padding : 6rem ;
height : 40vh ;
height : 40vh ;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
@ -1032,7 +1075,7 @@ Responsive Codes
. news-banner-desc h2 ,
. news-banner-desc h2 ,
. insurance-banner-content h2 {
. insurance-banner-content h2 {
font-weight : 700 ;
font-weight : 700 ;
font-size : 60 px ;
font-size : 4 6px;
line-height : 4rem ;
line-height : 4rem ;
color : # FFFFFF ;
color : # FFFFFF ;
text-align : center ;
text-align : center ;
@ -1107,6 +1150,9 @@ Responsive Codes
. chef-hire-form . input-group-text {
. chef-hire-form . input-group-text {
padding : . 9rem . 75rem ! important ;
padding : . 9rem . 75rem ! important ;
}
}
. enquiry-form . captch-field {
background : rgba ( 255 , 255 , 255 , 0 . 55 ) ;
}
. captch-field {
. captch-field {
background : # FFFFFF ;
background : # FFFFFF ;
padding : 0 . 5rem ;
padding : 0 . 5rem ;
@ -1117,6 +1163,7 @@ Responsive Codes
}
}
. captch-field input , . captch-field input : focus-visible {
. captch-field input , . captch-field input : focus-visible {
border : none ;
border : none ;
background : none ;
box-shadow : none ;
box-shadow : none ;
outline : none ;
outline : none ;
width : 100 % ;
width : 100 % ;
@ -1179,7 +1226,6 @@ Responsive Codes
}
}
/* service detail css */
/* service detail css */
. service-detail-banner {
. service-detail-banner {
background : url ( '../images/service-detail.png' ) ;
padding : 6rem ;
padding : 6rem ;
height : 40vh ;
height : 40vh ;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
@ -1255,7 +1301,6 @@ Responsive Codes
/* news and update section */
/* news and update section */
. news-banner-section {
. news-banner-section {
background : url ( . . / images / news-banner . png ) ;
padding : 6rem ;
padding : 6rem ;
height : 40vh ;
height : 40vh ;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
@ -1290,7 +1335,7 @@ Responsive Codes
}
}
. featured-news-desc a ,
. featured-news-desc a ,
. service-secondary-desc a {
. service-secondary-desc a {
background : # F54C5F ;
background : # 0E2B52 ;
border-radius : 44px ;
border-radius : 44px ;
text-decoration : none ;
text-decoration : none ;
padding : 10px 30px ;
padding : 10px 30px ;
@ -1390,7 +1435,7 @@ Responsive Codes
/* service view css */
/* service view css */
. service-primary {
. service-primary {
padding : 3rem 6rem ;
padding : 3rem 6rem ;
background : linear-gradient ( to right , rgba ( 245 , 245 , 245 , 0 ) 0 % , rgba ( 255 , 255 , 255 , 0 ) 20 % , rgb ( 231 , 231 , 231 ) 20 % , rgb ( 231 , 231 , 231 ) 100 % ) ;
background : linear-gradient ( to right , rgba ( 245 , 245 , 245 , 0 ) 0 % , rgba ( 255 , 255 , 255 , 0 ) 20 % , rgb ( 255 , 248 , 239 ) 20 % , rgb ( 254 , 255 , 236 ) 100 % ) ;
}
}
. service-primary-img ,
. service-primary-img ,
. service-secondary-img {
. service-secondary-img {
@ -1398,7 +1443,7 @@ Responsive Codes
}
}
. service-secondary {
. service-secondary {
padding : 3rem 6rem 0 6rem ;
padding : 3rem 6rem 0 6rem ;
background : # 4D57C3 ;
background : # E54A5F ;
}
}
. service-secondary-desc h3 {
. service-secondary-desc h3 {
font-weight : 700 ;
font-weight : 700 ;
@ -1423,7 +1468,6 @@ Responsive Codes
/* recruitment page css */
/* recruitment page css */
. recruitment-banner {
. recruitment-banner {
background : url ( . . / images / recruitment . png ) ;
padding : 6rem ;
padding : 6rem ;
height : 40vh ;
height : 40vh ;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
@ -1492,7 +1536,6 @@ Responsive Codes
}
}
/* insurance page css */
/* insurance page css */
. insurance-banner {
. insurance-banner {
background : url ( . . / images / insurance . png ) ;
padding : 6rem ;
padding : 6rem ;
height : 40vh ;
height : 40vh ;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
@ -1527,13 +1570,75 @@ Responsive Codes
padding : 3rem 6rem ;
padding : 3rem 6rem ;
}
}
. labor-agreement-banner {
. labor-agreement-banner {
background : url ( . . / images / / labor-agreement . png ) ;
padding : 6rem ;
padding : 6rem ;
height : 40vh ;
height : 40vh ;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
background-size : cover ! important ;
background-size : cover ! important ;
position : relative ;
position : relative ;
}
}
/* Labor agreement section */
. pathway-banner-section {
padding : 6rem ;
height : 40vh ;
background-repeat : no-repeat ;
background-size : cover ! important ;
position : relative ;
}
. pathway-steps-section {
padding : 3rem 6rem ;
}
. pathway-step-header h2 {
font-weight : 600 ;
font-size : 38px ;
line-height : 56px ;
text-align : center ;
padding : 0 20 % ;
color : # 082548 ;
}
. pathway-step-header p {
font-weight : 400 ;
font-size : 16px ;
line-height : 1 . 8rem ;
padding : 0 10 % ;
text-align : center ;
color : # 252525 ;
}
. pathway-step-header h5 {
font-weight : 600 ;
font-size : 16px ;
padding : 20px 0 ;
line-height : 1 . 8rem ;
text-align : center ;
color : # 252525 ;
}
. pathway-step-card {
background : # 1853A4 ;
box-shadow : 0px 0px 10px rgba ( 0 , 0 , 0 , 0 . 25 ) ;
border-radius : 15px ;
display : flex ;
flex-direction : column ;
align-items : center ;
padding : 30px 20px ;
min-height : 22pc ;
}
. pathway-steps-icon {
background : # FFFFFF ;
padding : 10px ;
border-radius : 5px ;
margin-bottom : 25px ;
}
. pathway-step-desc h3 {
color : # FFFFFF ;
text-align : center ;
margin-bottom : 20px ;
font-size : 24px ;
}
. pathway-step-desc p {
color : # FFFFFF ;
text-align : center ;
}
@ media only screen and ( min-width : 320px ) and ( max-width : 480px ) {
@ media only screen and ( min-width : 320px ) and ( max-width : 480px ) {
/* contact us mobile view */
/* contact us mobile view */
. about-banner-section . breadcrumb ,
. about-banner-section . breadcrumb ,
@ -1602,7 +1707,8 @@ Responsive Codes
. recruitment-card ,
. recruitment-card ,
. insurance-desc ,
. insurance-desc ,
. labor-section-primary ,
. labor-section-primary ,
. labor-section-secondary {
. labor-section-secondary ,
. pathway-steps-section {
padding : 2rem ;
padding : 2rem ;
}
}
. visa-services ,
. visa-services ,
@ -1630,12 +1736,18 @@ Responsive Codes
}
}
. insurance-content h2 ,
. insurance-content h2 ,
. labor-section-primary h2 ,
. labor-section-primary h2 ,
. labor-section-secondary h2 {
. labor-section-secondary h2 ,
. pathway-step-header h2 {
font-weight : 600 ;
font-weight : 600 ;
font-size : 28px ;
font-size : 28px ;
line-height : 42px ;
line-height : 42px ;
color : # 082548 ;
color : # 082548 ;
}
}
. pathway-step-header h2 ,
. pathway-step-header p {
text-align : left ;
padding : 0 ;
}
. blog-header h2 ,
. blog-header h2 ,
. enquiry-contacts h2 {
. enquiry-contacts h2 {
text-align : center ;
text-align : center ;
@ -1661,7 +1773,8 @@ Responsive Codes
. news-and-update-section . row {
. news-and-update-section . row {
gap : 20px ;
gap : 20px ;
}
}
. more-news {
. more-news ,
. services-cards {
grid-template-columns : 1fr ;
grid-template-columns : 1fr ;
}
}
. chef-hire-form {
. chef-hire-form {