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

@font-face {
    font-family: 'RotisSerif';
    src: url('../fonts/RotisSerif.otf') format('opentype');
}
@font-face {
    font-family: 'RotisSerif-bold';
    src: url('../fonts/RotisSerif-Bold.otf') format('opentype');
}


html {
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
body {font-family:'Open Sans', sans-serif;letter-spacing:0.4px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 1rem;overflow: hidden;color: #333333;
    
}

p{text-align: justify;}

/* header
-------------------------------------------------------------- */

#header {width: 100%;position: fixed;z-index: 999;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-family: 'Roboto', sans-serif;}
.hdr_s1.header-shadow {background-color: transparent;}

.hdr_s1.header-fixed #mainnav .menu > li > a {
    line-height: 80px;
}

.hdr_s1.header-shadow {
    background-color: #fff;
}

.hdr_s1.header-shadow{-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);-ms-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);}

.hdr_s1.header-shadow .socials-list-hd a, 
.hdr_s1.header-shadow #mainnav .menu li a {
    color: #222222;
}

.hdr_s1.header-shadow #mainnav .menu > li > a {
    line-height: 74px;
}

.hdr_s1.header-shadow .hire-me-s1 a {
    background-color: #ffdc2e;
}

.hdr_s1.header-shadow .btn-hv-common .btn-inner:before {
    background-color: #a345fb;
}

.hdr_s1.header-shadow .btn-menu .line {
    background-color: #23233f;
}

/* menu
-------------------------------------------------------------- */
#mainnav .menu {
    margin-bottom: 0;
    padding-right: 25px;
}
#mainnav .menu li a {
    font-size: 18px;
    color: #ffffff;
}
#mainnav .menu > li {
    display: inline-block;
    position: relative;
}
#mainnav .menu > li > a {
    line-height: 102px;
    display: inline-block;
    padding-right: 25px;
    padding-left: 25px;
    letter-spacing: 0.8px;
    position: relative;    font-family: RotisSerif-bold;
    text-decoration: none;
}
#mainnav .menu > li > a span {
    position: relative;
}
#mainnav .menu > li > a span:after {
    content: '';
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}
#mainnav .menu > li:hover > a span:after {
    width: 100%;
    left: 0;
    right: auto;
}

#mainnav .menu > li > .sub-menu {
    opacity: 0;
    z-index: 9999;
    position: absolute;
    width: 240px;
    background-color: #ffffff;
    border-radius: 5px;
    top: 150%;
    left: 0;
    padding: 10px 0;
    visibility: hidden;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mainnav .menu > li:last-child .sub-menu {
    left: auto;
    right: 0;
}
#mainnav .menu > li:last-child .sub-menu:before {
    right: 20px;
    left: auto;
}
#mainnav .menu > li:hover > .sub-menu {
    opacity: 1;
    z-index: 1;
    top: 100%;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#mainnav .menu > li > .sub-menu:before {
    content: '';
    top: -7px;
    left: 20px;
    z-index: -1;
    width: 15px;
    height: 15px;
    position: absolute;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mainnav .menu > li > .sub-menu > li {
    margin: 0 15px;
    border-bottom: 1px solid rgba(16, 32, 57, 0.04);list-style:none;
}
#mainnav .menu > li > .sub-menu > li:last-child {
    border-bottom: none;
}
#mainnav .menu > li > .sub-menu > li > a {
    display: block;
    color: #111111;
    line-height: 44px;
    font-size: 14px;
}
#mainnav .menu > li > .sub-menu > li > a.active,
#mainnav .menu > li > .sub-menu > li > a:hover {
    margin-left: 5px;
}
.btn-menu {
    display: none;
    margin: 15px 0 15px 15px;
}
.btn-menu .line {
    height: 1px;
    margin: 7px 0;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-menu .line.line-1 {
    width: 20px;
}
.btn-menu .line.line-2 {
    width: 32px;
}
.btn-menu .line.line-3 {
    width: 26px;
}
.btn-menu .line.line-4 {
    width: 32px;
}
.home3 .btn-menu .line{
    background: #222222;
}
.btn-menu:hover .line {
    width: 32px;
}
.socials-list-hd a {
    font-size: 16px;
}
.socials-list-hd.s1 a {
    color: #ffffff;
    margin-right: 16px;
}
.socials-list-hd.s2 a {
    color: #222222;
    margin-left: 34px;
}
.socials-list-hd.s3 a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #989ebc;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    background-color:  rgba(255, 255, 255, 0.2)
}
.socials-list-hd.hv1 a:hover {
    color: #fbbd41;
}
.socials-list-hd.hv2 a:hover {
    color: #627fff;
}
.hire-me-s1 {
    margin-left: 50px;
}
.hire-me-s1 a {
    padding: 10px 18px;
    background-color: #ffd826;border-radius:2px;
}
.btn-hv1 a {
    position: relative;
    overflow: hidden;
}
.btn-hv1 a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255,255,255,0.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-hv1 a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}
.btn-hv1 a:hover {
    background-color: unset;
}
.btn-hv1 a:hover:before {
    opacity: 0;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
.btn-hv1 a:hover:after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

body.slide-menu-dark .header .socials-list-hd a,
body.slide-menu-dark .header #mainnav .menu li a {
    color: #23233f;
}

body.slide-menu-dark .header .hire-me-s1 a {
    background-color: #23233f;
}

body.slide-menu-dark .header .btn-hv-common .btn-inner:before {
    background-color: #a345fb;
}

body.slide-menu-dark .header .socials-list-hd a:hover,
body.slide-menu-dark .header #mainnav .menu li a:hover {
    color: #a345fb;
}



.loading-1#loading-area, .loading-2#loading-area, .loading-3#loading-area, .loading-4#loading-area {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#loading-area {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 999999999;
    background-repeat: no-repeat;
    background-size: 60px;
    background-image: url(../images/loading.svg);
    background-position: center;
}
.loading-1#loading-area .loader1, .loading-2#loading-area .loader2, .loading-3#loading-area .loader3, .loading-4#loading-area .loader4 {
    margin: 0;
}
.loader1 {
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .5em;
    color: #000;
}



#mainnav-mobi {
    position: fixed;
    width: 300px;
    height: 100%;
    left: -100%;
    top: 0;
    background: #212529;
    z-index: 99999;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#mainnav-mobi.active {
    left: 0;
}
.logo_circle {    border: 2px solid rgba(255, 255, 255, 0.9);    position: absolute;    top: 16vh;    background: rgb(0 0 0 / 50%);    padding: 20px 40px;    border-radius: 80%;}
#mobile-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -98;    
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
    transition: opacity .5s cubic-bezier(.25, .46, .45, .94);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999;   
}
#mainnav-mobi ul{padding-left: 0;}
#mainnav-mobi ul li {
    margin: 0;
    position: relative;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    cursor: pointer; 
    list-style: none;   
}

#mainnav-mobi ul > li > a {
    text-decoration: none;
    padding: 0 0;
    line-height: 60px;
    padding-left: 35px;  
}

#mainnav-mobi ul.sub-menu {
    padding-left: 0;
}

#mainnav-mobi ul > li.logo-mobi {
    padding: 25px 35px;
    line-height: unset;
    height: unset;
}

#mainnav-mobi ul > li.logo-mobi a {
    padding-left: 0;
}
#mainnav-mobi ul > li.logo-mobi a img {
    width: 54px;
}
.logo{padding: 8px;}
.logo a {display:block;outline: none;}
.logo a img{width:50px;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

/* .hdr_s1.header-shadow .logo a img{width:140px;} */

.btn-submenu {
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/50px 'FontAwesome';
    text-align: center;
    cursor: pointer;
    width: 70px;
    height: 60px;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s;
}

.btn-submenu.active {
    transform: rotate(-180deg);
}

#mainnav-mobi ul li a {
    color: rgba(255,255,255,0.5);
    display: block;
}

#mainnav-mobi ul li .btn-submenu.active, 
#mainnav-mobi ul > li.active > a,
#mainnav-mobi ul li a.active {
    color: rgba(255,255,255,1);
}

#mainnav-mobi ul.sub-menu {
    padding-left: 0px;
    background: #272d32;
}
#mainnav-mobi ul.sub-menu {
    background: #2f363c;
}
#mobile-menu-overlay .tf-close {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
    height: 30px;
}
#mobile-menu-overlay .tf-close:before, 
#mobile-menu-overlay .tf-close:after {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
    width: 100%;
    left: 0;
    top: 50%;
    background: #fff;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#mobile-menu-overlay .tf-close:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
#mobile-menu-overlay .tf-close:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}






.video-background-holder {position: relative;background-color: black;height: calc(100vh - 0px);min-height: 25rem;width: 100%;overflow: hidden;}

.video-background-holder video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 0;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.video-background-overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: black;opacity: 0.4;z-index: 1;}

.video-background-content {color: #fff;position: absolute;z-index: 1;display: flex;width: 100%;justify-content: center;align-items: center;height: 100%;}
.video-background-content h2{text-transform: uppercase;font-weight: 300;font-size: 54px;color: #ffffff;}
.video-background-content p{text-transform: uppercase;color: #ffffff;font-weight: 600;font-size: 14px;padding: 10px 20px 0;display: inline-block;margin-bottom:0;}

.arrow-wrap {position: absolute;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;bottom: 40px;left: 50%;transform: translate(-50%, 0);}

.mouse {    width: 40px;    height: 60px;    border: 2px solid #fcd000;    border-radius: 50px;} 

.mouse:before {    content: "";    width: 10px;    height: 10px;    background: #ffc107;    display: flex;    margin: 10px auto;    border-radius: 50px;    animation: mouse 1.3s infinite;}

@keyframes mouse {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
    transform: translateY(40px);
  }
}

.arrow {    width: 15px;    height: 15px;    border-bottom: 1px solid #fcd000;    border-right: 1px solid #fcd000;    transform: rotate(45deg);    animation: move 1.3s infinite;    margin: -1px;}

@keyframes move {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(30px) rotate(45deg);
  }
}
.main_banner{
    height: 100vh;overflow: hidden;;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
  }

.bg1{background:url(../images/banner/bg.jpg) no-repeat center;}
.bg2{background:url(../images/banner/bg-contact.jpg) no-repeat center;}
.bg3{background:url(../images/banner/bg-about.jpg) no-repeat center;}

.head_bg{
    
    padding-top:100px;
    padding-bottom:100px;
    background-size: cover;
}
.head_bg h2{
    font-size: 50px;
    font-family: 'RotisSerif-bold';
    color: #ffffff;
    margin: 30px 0;text-align: center;
}

@media screen and (min-width:320px) and (max-width:499px){
    .main_banner {
        height: 400px;
        background: #003165;
    }
    .arrow-wrap{display: none;}
    .carousel-inner img {
        height: 400px;

    }


}



@media screen and (min-width:500px) and (max-width:767px){
    .main_banner {height: auto;}
    .arrow-wrap{display: none;}
}

/*===== Services START ======*/
.service{padding-top: 60px;padding-bottom: 0;}
.service .serv_left{padding: 25px;}
.service .serv_left .heading{font-size: 46px;    margin-bottom: 20px;
    font-family: RotisSerif-bold;
    color: #004085;}
.service .serv_left>p{font-size: 17px;
    color: #111111;
    line-height: 32px;}

.service .serv_right{padding: 30px;}
.world_clock {    padding: 0;
    top: 50%;
    position: absolute;
    width: 100%;
    transform: translate(0, -50%);}

@media screen and (min-width:320px) and (max-width:499px){
    
    .service {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .service .serv_left {
        padding: 10px;
    }
    .service .serv_left .heading {
        font-size: 30px;
    }
    .service .serv_left>p {
        font-size: 16px;
        line-height: 24px;
    }
    #Kansas, #IndiaTime {
        width: 140px !important;
    }
    .world_clock {
        padding: 40px 0px;
    }
}
@media screen and (min-width:500px) and (max-width:767px){
    .service {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .service .serv_left>p {
        font-size: 16px;
        line-height: 24px;
    }
    #Kansas, #IndiaTime {
        width: 140px !important;
    }
    .world_clock {
        padding: 40px 0px;
    }
}
/*===== Services END ======*/


.bg_service{
    background: url(../images/banner/bg-service.jpg) no-repeat center;
    background-attachment: fixed;
}
.bg_service2{
    background: url(../images/banner/bg-service2.jpg) no-repeat center;
    background-attachment: fixed;
    padding-top: 70px;
    padding-bottom: 70px;
}
.bg_service2 .heading h2{font-size: 46px;
    margin-bottom: 30px;
    font-family: RotisSerif-bold;
    color: #ffffff;}

@media screen and (min-width:320px) and (max-width:499px){

    .bg_service2{
        padding-left: 30px;
        padding-right: 30px;
    }


}





.inner_page{padding-top: 60px;padding-bottom: 60px;}
.inner_page .heading {width: 100%;float: left;text-align: left;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.inner_page .heading h2 {float: left;font-size: 32px;width: auto;padding: 10px 0;margin: 0px;position: relative;font-family: 'RotisSerif-Bold';color: #004085;}
.inner_page .heading h2::after {width: 100%;height: 3px;content: "";position: absolute;bottom: 0px;left: 0px;background: #b3b3b3;}
.inner_page p {color: #444444;font-weight: 400;font-size: 16px;text-align: justify;display: inline-block;}

.link_list{background: #f1f1f1;margin: 0;padding: 0 15px;}
.link_list li{list-style: none;border-bottom: 1px solid #ededed;padding: 10px 0;}
.link_list li a{font-size: 18px;font-family: 'RotisSerif';font-weight: 300;color: #111111;display: block;opacity: 0.5;}
.link_list li a:hover{opacity:1;}
.link_list li.active a{opacity:1;cursor:default;}
.link_list li.active{background:#efefef;position:relative;}
.link_list li.active::after{    content: "";background: #765625;width: 3px;position: absolute;top: 0;bottom: 0;left: -10px;}
.link_list li h4{color: #765625;font-size: 22px;text-decoration: underline;font-weight: 600;}

/*-- OUR LOCATION start--*/
.g_map{position:relative;border-left: 1px solid #999999;}
.g_map .map_address{position: absolute;left: 50%;top: 50%;background: rgba(0, 0, 0, 0.8);padding: 30px;max-width: 350px;line-height: 24px;color: #dddddd;font-weight: 300;transform: translate(-50%, -50%);}
.g_map .map_address h4{color: #ffdc2e;font-size: 30px;font-weight: 300;margin-bottom: 20px;}
.g_map .map_address h3{color: #ffffff;font-size: 18px;font-weight: 500;margin-bottom: 20px;}
.g_map .map_address p, .g_map .map_address p a{color: #ffffff;}
/*-- OUR LOCATION end--*/


.display_cont {
    position: absolute;
    top: 50%;
    color: #ffffff;
    max-width: 600px;
    left: 5%;
    transform: translate(0, -50%);
    width: 70%;
}
.display_cont>h2{font-size: 42px;font-family: RotisSerif-bold;color: #0ea2ff; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.50);text-transform: uppercase;}
.display_cont>p{font-size: 18px;
    color:rgba(255, 255, 255, 0.8);
    margin-top: 20px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    font-weight: 300;}

    #contact_sec {
        width: 100%;
        display: inline-block;
    }
.contact_sec {background: url(../images/ftr-bg.png);background-color: #ffffff;background-size: cover;background-repeat: no-repeat;background-position: 44%;margin-top: 50px;}
.contact_sec .enquiry_form{background: #010997; padding: 60px 80px;}
.contact_sec .enquiry_form h2{font-size: 36px;font-family: RotisSerif-bold;color: #ffffff;}
.contact_sec .enquiry_form p{color: #ffffff;font-size: 16px;text-transform: uppercase;font-weight: 300;letter-spacing: 3px;}
.icon_input {position: relative;}
.icon_input input, .icon_input textarea{margin: 12px 0;width: 100%;font-size: 16px;background: transparent;border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 0;outline: none;color: #fff;font-weight: 300;padding: 13px 10px 13px 48px;}
.icon_input i {position: absolute;left: 18px;top: 50%;transform: translate(0, -50%);color: #e0e8ff;font-size: 16px;font-weight: 700;}
.icon_input input:hover, .icon_input:focus,.icon_input textarea:hover, .icon_input textarea:focus{border-color: rgba(255, 255, 255, 0.8);}
.icon_input input::placeholder,.icon_input textarea::placeholder{color: #ffffff;}
.btn_sub {outline: none;border: 0;background: #007bff;color: #ffffff;font-size: 18px;text-transform: uppercase;padding: 12px 30px;border-radius: 3px;letter-spacing: 1px;font-weight: 600;text-decoration: none;cursor: pointer;}
.btn_sub:hover{background: #0042cb;}

@media screen and (min-width:320px) and (max-width:499px){
    
    .contact_sec .enquiry_form {
       
        padding: 40px 40px;
    }
    .contact_sec .enquiry_form h2 {
        font-size: 24px;
    }
    .contact_sec .enquiry_form p {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .btn_sub {
        width: 100%;
    }
    .world_clock {
        top: 0;
        position: static;
        transform: none;
    }
    
    .display_cont {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        top: 60%;
    }
    .display_cont>h2 {
        font-size: 24px;
    }


    .display_cont>p {
        font-size: 16px;}



}
@media screen and (min-width:500px) and (max-width:767px){

    .contact_sec .enquiry_form {
        
        padding: 60px;
    }
    .contact_sec .enquiry_form p {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .world_clock {
        top: 0;
        position: static;
        transform: none;
    }
    .display_cont {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
    }
    .display_cont>h2 {
        font-size: 24px;
    }


    .display_cont>p {
        font-size: 16px;}
}


/* ---- SERVICE start --------------- */

.sec_service .main_title3{color: #f1f1f1;font-size: 50px;font-weight: 300; font-family: 'RotisSerif';position:relative;}
.sec_service .service_flip {display: flex;min-height: 270px;position: relative;flex-direction: column;justify-content: center;align-items: center;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1200px;perspective: 1200px;width: 100%;height: 100%;}
.sec_service .service_flip.mouse_hover .services_list {-webkit-transform: rotate3d(1, 0, 0, 180deg);-moz-transform: rotate3d(1, 0, 0, 180deg);-ms-transform: rotate3d(1, 0, 0, 180deg);-o-transform: rotate3d(1, 0, 0, 180deg);transform: rotate3d(1, 0, 0, 180deg);}
.sec_service .services_list {position: relative;transition-property: box-shadow, -webkit-transform;transition-property: box-shadow, transform;transition-property: box-shadow, transform, -webkit-transform;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-style: inherit;-moz-transform-style: inherit;-ms-transform-style: inherit;-o-transform-style: inherit;transform-style: inherit;-webkit-perspective: inherit;-moz-perspective: inherit;-ms-perspective: inherit;-o-perspective: inherit;perspective: inherit;height: 100%;width: 100%;}
.sec_service .services_list h5 {font-size: 20px;font-weight: 500;}
.sec_service .flip_content {-webkit-transform: translate3d(0, 0, 60px) scale(0.85);-moz-transform: translate3d(0, 0, 60px) scale(0.85);-ms-transform: translate3d(0, 0, 60px) scale(0.85);-o-transform: translate3d(0, 0, 60px) scale(0.85);transform: translate3d(0, 0, 60px) scale(0.85);text-align: center;}
.flip_content img {width: 140px;}
.sec_service .list_front {background-color: rgba(255, 255, 255, 01);z-index: 2;justify-content: center;align-items: center;display: flex;-webkit-transform-style: inherit;-moz-transform-style: inherit;-ms-transform-style: inherit;-o-transform-style: inherit;transform-style: inherit;-webkit-perspective: inherit;-moz-perspective: inherit;-ms-perspective: inherit;-o-perspective: inherit;perspective: inherit;-webkit-backface-visibility: hidden;backface-visibility: hidden;height: 100%;background-size: cover;background-position: center;border-radius:10px;    -webkit-box-shadow: 0 5px 30px 0 rgb(0 0 0 / 20%);    -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);    box-shadow: 0 5px 30px 0 rgb(0 0 0 / 20%);}
.sec_service .list_front:before {right: 0;content: "";position: absolute;/*background: #000;*/left: 0;height: 100%;opacity: 0.2;}
.sec_service .list_front h5 {padding: 8px;color:#222222;font-size: 18px;border-radius: 2px;font-weight: 600;font-family: 'Open Sans', sans-serif;max-width: 220px;text-align: center;}
.sec_service .list_back {-webkit-transform: rotateY(-180deg) rotateZ(-180deg);-moz-transform: rotateY(-180deg) rotateZ(-180deg);-ms-transform: rotateY(-180deg) rotateZ(-180deg);-o-transform: rotateY(-180deg) rotateZ(-180deg);transform: rotateY(-180deg) rotateZ(-180deg);height: 100%;position: absolute;top: 0;left: 0;-webkit-transform: rotate3d(0, 1, 0, 180deg);-moz-transform: rotate3d(0, 1, 0, 180deg);-ms-transform: rotate3d(0, 1, 0, 180deg);-o-transform: rotate3d(0, 1, 0, 180deg);transform: rotate3d(0, 1, 0, 180deg);z-index: 1;background: rgba(255, 255, 255);-webkit-transform-style: inherit;-moz-transform-style: inherit;-ms-transform-style: inherit;-o-transform-style: inherit;transform-style: inherit;-webkit-perspective: inherit;-moz-perspective: inherit;-ms-perspective: inherit;-o-perspective: inherit;perspective: inherit;-webkit-backface-visibility: hidden;backface-visibility: hidden;display: flex;justify-content: center;align-items: center;text-align: center;border-radius:10px;}
.sec_service .list_back {-webkit-transform: rotateY(-180deg) rotateZ(-180deg);-moz-transform: rotateY(-180deg) rotateZ(-180deg);-ms-transform: rotateY(-180deg) rotateZ(-180deg);-o-transform: rotateY(-180deg) rotateZ(-180deg);transform: rotateY(-180deg) rotateZ(-180deg);}
.list_back p {color: #111111;line-height: 28px;font-size:16px;text-align:justify;opacity:0;}
.sec_service .service_flip.mouse_hover .services_list .list_front h5{opacity:0;}
.sec_service .service_flip.mouse_hover .services_list .list_back p{opacity:1;}
/* ---- SERVICE end--------------- */


/*===== footer START ======*/
footer{background:#010997;color:#f1f1f1;padding-top:50px;    margin-top: 50px;}
footer h4.title {font-size: 24px;font-weight: 500;text-transform: uppercase;margin-bottom: 15px;}
footer p.address {font-size: 14px;font-weight: 300;line-height:20px;}
footer span.social_title {font-weight: 600;display: block;letter-spacing: 2px;margin-top: 25px;}
footer ul.social_link {padding: 0;display: flex;justify-content: center;margin: 10px 0;}
footer ul.social_link li {list-style: none;margin: 6px;}
footer ul.social_link li a {display: block;background: transparent;height: 40px;    width: 40px;text-align: center;border-radius: 50%;outline: none;border: 1px solid rgba(255, 255, 255, 0.15);color: #f1f1f1;}
footer ul.social_link li a i {line-height: 38px;}
footer ul.social_link li a:hover{color:#00078b;background: #ffffff;}
footer img.ftr_logo {width: 60px;}
footer .copyright {font-size: 13px;font-weight: 300;background: #00078b;text-align: center;line-height: 80px;margin-top: 30px;    letter-spacing: 1px;}
/*===== footer END ======*/