/*!

*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome

*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

*/





@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap');

/* defult css Styles



---------------------------------*/

:root {

  --font-family: 'Poppins', sans-serif;

  --color-white: #fff;

  --color-black: #000; 

  --color-545454:#545454;

  --color-151f29:#151f29;

  --color-F65A2A:#F65A2A;

  --color-171717:#171717;

  --color-1DB3B4:#1DB3B4;

  --color-05678D:#05678D;

  --color-003C53:#003C53;

  --color-373737:#373737;

  --color-9b9b9b:#9b9b9b; 

  --color-0a121a:#0a121a;

  --color-002E40:#002E40;

  --color-878787:#878787;

  --color-A7F9FF:#A7F9FF;

  --color-C7C7C7:#C7C7C7;

  --color-0079a2:#0079a2;

  --background: var(--color-black);

  --background: var(--color-white);

  --border-1: 0.01rem solid #e1e1e1;

  --transition: all .5s ease-in-out;

  --transition-2: all .8s ease-in-out;

  }



*{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



html{scroll-behavior: smooth;overflow-x: hidden;}

body{

  animation: transitions 0.75s ;

  font-family: 'Poppins', sans-serif;

  

}

.btn,

.btn:focus,

button,

button:focus,

.form-control:focus

{

  outline: none;

  box-shadow: none;

}

p

{

padding: 0;

font-size:14px;

line-height: 20px;

margin-bottom: 15px;

}



article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, blockquote {margin: 0; padding: 0; border: 0; display: block;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height: normal; color: var(--color-01114B);}

h1 {font-size: 45px; line-height: 50px;}

h2 {font-size: 35px; line-height: 40px;}

h3 {font-size: 20px; line-height: 25px;}

h4 {font-size: 18px; line-height: 25px;}

h5 {font-size: 17px; line-height: 23px;}

h6 {font-size: 16px; line-height: 20px;}

li {margin: 0 0 0.8rem; padding: 0; list-style: none;}

p:last-child{padding-bottom: 0;}

/*label, span, strong {display: inline-block;}*/

p label, p span, p strong {display: inline;}

strong{font-weight: 700;}

a {

color: var(--color-119ed0);

text-decoration: none;

border: none;

outline: none;

-moz-transition: all 300ms ease-in-out 0s;

-webkit-transition: all 300ms ease-in-out 0s;

transition: all 300ms ease-in-out 0s;

}

a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus

{

outline:none;

}

a:hover, a:focus{color: var(--color-20252c); text-decoration: none;outline: none;} 

a:focus{color: var(--color-20252c) ;}

img {border: none; outline: none; display: inline-block; max-width: 100%;}

mark {background: var(--color-dd8700); color:var(--color-000) font-style: italic; font-weight: bold;}

del {text-decoration: line-through;}

hr {display: block; height: 1px; border: 0; margin: 0.8rem 0; padding: 0; border-top: 1px solid #d3d3d3;}

::-moz-selection{background: var(--color-0079a2);  color: var(--color-white); text-shadow: none;}

::selection{background: var(--color-0079a2); color: var(--color-white) ; text-shadow: none;} 

table {border: none; border-collapse: collapse; border-spacing: 0; width: 100%;}

table th, table td {padding: 10px 12px; vertical-align: top; border: 1px solid #d3d3d3;}

.ptb{ padding: 70px 0;}



/*----------------------------------------------------

scroll bar

------------------------------------------------------*/

::-webkit-scrollbar-track 

{

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 0px;

  background:#ddd;

  width: 6px;

}



::-webkit-scrollbar {

  width: 6px;

  background: var(--color-151f29);



}



::-webkit-scrollbar-thumb {

  border-radius: 0px;

  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background: var(--color-151f29);





}



.scrollup {



    position: fixed;

    bottom: 50px;

    right: 10px;

    z-index: 5;

    width: 43px;

    height: 43px;

    line-height: 40px;

    font-size: 18px;

    color: #fff;

    background: var(--color-151f29);    

    text-align: center;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    display: none;

    -moz-transition: all 300ms ease-in-out 0s;

    -webkit-transition: all 300ms ease-in-out 0s;

    transition: all 300ms ease-in-out 0s;

    cursor: pointer;

    opacity: 1;

    visibility: visible;

    transform: translateY(0);



}





/* animation */





@-webkit-keyframes animationFade {



from {



opacity: 0;



-webkit-transform: translate3d(0, -100%, 0);



transform: translate3d(0, -100%, 0);



}



to {



opacity: 1;



-webkit-transform: none;



transform: none;



}



}



@-o-keyframes animationFade {



from {



opacity: 0;

-webkit-transform: translate3d(0, -100%, 0);

transform: translate3d(0, -100%, 0);



}



to {



opacity: 1;

-webkit-transform: none;

-o-transform: none;

transform: none;



}



}



@keyframes animationFade {



from {

opacity: 0;

-webkit-transform: translate3d(0, -100%, 0);

transform: translate3d(0, -100%, 0);



}



to {



opacity: 1;

-webkit-transform: none;

-o-transform: none;

transform: none;



}



}





/* ===================================



    Header & Navigation



====================================== */



.header-appear{



    /*height: 70px;*/



    position: fixed;

    top: 0;

    padding: 5px 0px;

    z-index: 999;

    width: 100%;

    background-color: #fff;

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);



}



header {

    width: 100%;

    z-index: 99;

}







/*header top bar*/



.top-header-area{



    position: absolute;

    top: 0;

    z-index: 99;

    width: 100%;

    display: block;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

   



}





.top-header-area ~ .navbar-top-default{



    background-color: #000;



    top: 45px;



    height: 65px;



}





.header-appear .top-header-area{

    display: none;

}

.header-appear .top-header-area ~ .navbar-top-default{

    top: 0;

}



.main-header.header-appear{ padding: 4px 0;}

.header-appear .logo-fld img {

    width: 75%;

}



/* nav top default */



.navbar-top-default{

    position: absolute;

    top: 0;

    z-index: 99;

    overflow: hidden;

    /*height: 90px;*/

    width: 100%;

    background-color: var(--color-black);

    -webkit-transition: all .1s ease;

    -moz-transition: all .1s ease;

    -ms-transition: all .1s ease;

    -o-transition: all .1s ease;

    transition: all .1s ease;



}



.header-appear .navbar-top-default {

    /*height: 70px;*/

    position: fixed;

    z-index: 999;

    background-color: var(--color-black);

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);



}



.header-appear .top-header{ display: none; }

.header-appear .headera_bottom{ padding: 0; }

.header-appear .logo-fld img{ height:70px; width: 100%; object-fit: contain; }







/*header start*/

.my-nav {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.main-header{ background: var(--color-white); padding: 8px 0;}

.logo { width:11%;}

.logo-fld img{ width:100%; }

.nav-sup ul li a{ font-size: 14px; line-height: 20px; color: var(--color-545454) !important; font-weight: 500 !important;  }

.nav-sup ul li:hover a, .nav-sup ul li.mega-current_page_item a{ color: var(--color-F65A2A) !important; }

.nav-sup ul li{ padding: 8px 0 0 30px !important; margin: 0;}

.nav-menu .nav-sup ul li:last-child { background: var(--color-F65A2A) !important; padding: 8px 20px !important; border-radius: 25px !important;  margin-left: 40px !important;}

.nav-menu .nav-sup ul li:last-child a{  color: var(--color-white) !important;}

.nav-menu .nav-sup ul li:hover:last-child{ background: var(--color-0079a2); color: var(--color-white);}

.social-head{ margin-bottom: 0; padding-left: 30px;}

.social-head li{ display: inline-block; margin-bottom: 0%; padding: 0 0 0 10px; }

.social-head li a{color:var(--color-878787);}

.social-head li a:hover{color: var(--color-F65A2A);}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ height: auto !important; line-height: inherit; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{line-height: 20px !important; padding: 10px 15px;
    border-bottom: 1px solid #056789;}
.my-nav .mega-sub-menu li{ padding: 0 !important; line-height: 30px !important; }
.my-nav .mega-sub-menu.mega-sub-menu.mega-sub-menu.mega-sub-menu li a{color: #fff !important;}
.my-nav .mega-sub-menu li a:hover{ color: #fff !important;}
.my-nav .mega-sub-menu.mega-sub-menu.mega-sub-menu.mega-sub-menu li:last-child {padding: 0!important; background: transparent !important;  margin-left:0px !important; border-bottom: none !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{margin-top: 15px;}

/* =======banner======= */

.home-banner{position: relative;}

.banner-img img{ width: 100%; height: 550px; object-fit: cover;}

.banner-text {

    position: absolute;

    top: 40%;

    left: 55%;

    width: 50%;

    transform: translate(-0%, -50%);

    z-index: 5;

}

.banner-content h2{ font-size: 60px; line-height: 65px; color: var(--color-white); font-weight: 600;}

.banner-content p{ color: var(--color-A7F9FF); font-size: 16px; margin-bottom: 0;}

.all-btn a{

    background: var(--color-F65A2A);

    padding: 12px 25px;

    border-radius: 25px;

    color: var(--color-white);

    font-weight: 500;

    font-size: 15px;

}

.all-btn a:hover{ background: var(--color-0079a2); color: var(--color-white);}



.owl-banner .owl-nav {

    display: none;



}



.owl-banner .owl-dots {

    position: absolute;

    right:0;

    text-align: center;

    left: 0;

    bottom: 30px;

    margin: 0 auto;



}



.owl-banner .owl-dots button.owl-dot {

    width: 25px;

    height:5px;

    display:inline-block;

    background: #fff;

    margin:0px 5px;

    border-radius:0px;



}



.owl-banner .owl-dots button.owl-dot.active {background:var(--color-F65A2A);  position: relative;  }

.owl-banner .owl-dots button.owl-dot:focus {outline: none;}



/* ---------services----- */

.services-list{}

.services-list figure img{

    width: 100%;

    height: 250px;

    object-fit: cover;

    border-radius: 10px;

    -webkit-filter: grayscale(20%);

    -ms-filter: grayscale(20%);

    -moz-filter: grayscale(20%);

    transform: scale(1);

    transition: 0.5s;

    z-index: 0;

}

.services-list figure {

    position: relative;

    overflow: hidden;

}

.services-list:hover figure img{

    -webkit-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    transform: scale(1.2);

    transition: 0.5s;

    z-index: 0;

    border-radius: 10px;

}

.serv-des h3{ font-size: 22px; line-height: 27px; font-weight: 500; color:var(--color-171717);}

.serv-des p{ font-size: 14px; line-height: 20px; color:var(--color-545454);}

.more-btn{ color: var(--color-F65A2A); font-size: 14px; font-weight: 500;}

.serv-des{ padding: 20px; text-align: center;}

.services-list{

    padding: 15px;

    border-radius: 5px;

    box-shadow: -2px 2px 14px 0px rgb(233 228 228 / 75%);

    -webkit-box-shadow: -2px 2px 14px 0px rgb(233 228 228 / 75%);

    -moz-box-shadow: -2px 2px 14px 0px rgba(233 228 228 / 75%);

    background: var(--color-white);

    min-height: 470px;  

}

.sub-head h2{ font-size: 40px; line-height: 45px; color: var(--color-171717); font-weight: bold; text-transform: uppercase;}



/* =====services details====== */

.service-title h5{ font-size: 17px ; font-weight: 500; color:var(--color-white);}

.service-title h2{ font-weight: 600; font-size: 30px ; line-height: 35px;  margin-bottom: 20px; color:var(--color-white);}

.servicemain{background: var(--color-0079a2);}

.details_img img{ width: 100%; height: 400px; object-fit: cover;}

.service_content{padding-top: 25px;}

.service_content h2{ font-size: 30px; line-height: 35px; font-weight: 600;}

/* *******about****** */

.about-fld {position: relative; background-size: cover !important   ;}

.about-cont h3{ font-size:25px; line-height: 30px; color: var(--color-white); font-weight: bold; margin-bottom: 20px;}

.about-cont p{ font-size: 14px; line-height: 20px; color: var(--color-white); font-weight: 500;}

.mtb:nth-child(even) .ab-left-img{

	-webkit-box-ordinal-group: 2;

    -moz-box-ordinal-group: 2;

    -ms-flex-order: 2;

    -webkit-order: 2;

    order: 2;

   

}

.about-img img{ width: 100%; height: 330px; object-fit: cover; border-radius: 10px;}



/* ***************** */

.bg{ background:var(--color-1DB3B4);}

.ravi-cont{ text-align: center;}

.ravi-cont h2{

    font-size: 37px;

    line-height: 42px;

    color: var(--color-white);

    font-weight: bold;

    text-transform: uppercase;

    padding: 0 105px 0 105px;

    margin-bottom: 20px;

}

.ravi-cont p{ font-size: 14px; line-height: 20px; color: var(--color-white); font-weight: 500; padding: 0 50px 0 50px;}





.contact-fld .form-control{

    font-size: 14px;

    font-family: inherit;

    border: none;

    border-bottom: 2px solid #CCCCCC;

    transition: all 0.3s;

    padding: 0;

    border-radius: 0;

    font-weight: 500;

    height: 45px;

}

.contact-fld textarea{ min-height: 135px;}

.contact-fld .form-control input{ color:var(--color-878787);}

.contact-fld .form-control::placeholder {

    color:var(--color-878787);

    opacity: 1;

}

.contact-fld  .form-control:focus {

    outline: none;

    border-bottom: 2px solid #F65A2A;

}

.btn-submit{ background:var(--color-F65A2A); color: var(--color-white); border-radius: 25px; padding: 7px 35px; font-weight: 500;}

.btn-submit:hover{    background: var(--color-0079a2); color: var(--color-white);}

.contact-fld .wpcf7-spinner{ display: inherit; padding: 0;}

.adres-fld{ background: var(--color-05678D); padding: 50px 90px 50px 50px; border-radius: 5px;}

.adres-fld p{color: var(--color-white); font-size: 14px; margin-bottom:35px; position: relative; padding-left: 25px;}

.adres-fld span {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

}

.social-fld li{ display: inline-block; padding: 0 8px 0 0;  }

.social-fld li a{border:2px solid #fff; border-radius: 50px; width: 35px; height: 35px; color: var(--color-white); display: flex; align-items: center;justify-content: center;}

.social-fld li a:hover{ background: var(--color-F65A2A); color: var(--color-white); border:2px solid #F65A2A;}

.captcha-image{ border: none !important;    border-bottom: 2px solid #CCCCCC !important;}

.cf7ic_instructions{ font-size: 13px; font-weight: 500;}



/* -------footer--------- */

.main-footer { background: var(--color-003C53); padding: 50px 0;}

.ftr-logo figure{ 

    -webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);

}

.ftr-logo figure { width: 40%;}

.ftr-logo p{ font-size: 13px; line-height: 20px; color: var(--color-white); margin-top: 20px;}

.ftr-link h3{ font-size: 17px; line-height: 23px;  font-weight: 500; color: var(--color-white); margin-bottom: 15px;}

.ftr-link ul li{ margin-bottom: 5px;}

.ftr-link ul li a{ color: var(--color-white); font-size: 13px; font-weight: 500;}

.ftr-link ul li a:hover{    color: var(--color-F65A2A);}

.contact_map iframe{ border-radius: 10px;}

.copy-right{ background: var(--color-002E40); padding: 20px 0;}

.copy-right p{ margin-bottom: 0; color: var(--color-C7C7C7); text-align: center; font-size: 13px;}



/* ------------- inner banner ---------------------- */



.innerBanner img {

    width: 100%;

    max-width: 100%;

    max-height: 350px;

    object-fit: cover;

}



ul.breadcrumbs li{ display: inline-block; padding: 0px 5px; }

.innerBanner{ position: relative; }

.innerBanner:after{

    content: ""; position: absolute;left: 0;

    right: 0; top: 0; bottom: 0; width: 100%; height: 100%; 

    background: rgb(10,10,10);

    background: linear-gradient(90deg, rgba(10,10,10,1) 0%, rgba(0,0,0,0) 100%);



}



.title_breadcrumb{

  position: absolute;

    top: 65%;

    z-index:9;

    width: 100%;

    left: 0;

    transform: translateY(-50%);

}



.title_breadcrumb-inner span{ display: inline-block;  padding: 15px; width: auto; min-width: 250px; text-align: center; color: #fff; }

.title_breadcrumb-inner span h1{position: relative; text-align: left; font-size:50px; line-height: 55px; padding-bottom: 10px; margin-bottom: 0px; color: #fff; font-weight: 600; text-shadow: 2px 2px 2px #353433; text-transform: uppercase;}

.title_breadcrumb-inner span h1:after {



    content: '';

    width: 100px;

    height: 3px;

    left: 8px;

    display: block;

    position: absolute;

    margin-top: 5px;

    background: var(--color-F65A2A);





}



.breadcrumb_bottom{padding: 15px 0; text-align: left;}

.breadcrumb_bottom ul{  margin-bottom: 0px; text-align: left;}

.breadcrumb_bottom ul li{color: var(--color-white); font-weight: 500;font-size: 15px;}

.breadcrumb_bottom ul li strong{ color: var(--color-white); font-weight: 500;}

.breadcrumb_bottom ul li a{ color: var(--color-white);  }

.breadcrumb_bottom ul li a:hover{ color: var(--color-white); }

/* -----inr cont----- */

.solutions-des h2{ 

    font-size: 30px;

    line-height: 35px;

    color: var(--color-171717);

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.solutions-des p{    color: var(--color-171717); font-size: 14px; line-height: 20px; font-weight: 500;}

.solutions-img img {

    box-shadow: -12px 12px 0px 0px rgb(246 90 42);

    width: 100%;

    height: 350px;

    object-fit: cover;

}



/* =====careers=========== */

.career-img img{

    box-shadow: 20px -20px 0px 0px rgb(246 90 42 / 49%);

    width: 100%;

    height: 350px;

    object-fit: cover;



}



.accordion .btn {text-decoration:none; color: var(--color-white); font-size:19px; width:100%; text-align:left; font-weight: 500;     }



.accordion .btn .fa {float:right; margin-top: 6px; }



.accordion .card {margin-bottom:6px; }



.card-header h5 {font-size:20px; color: var(--color-white); padding:2px;}



.card-header {background:var(--color-0079a2);}

.card-body{ border-bottom: #ddd solid 1px; }



.card-header h2{ padding-bottom: 0px !important; }

.page-template-service .accordion .card-header{ padding: 0px; }

.job-content { font-size: 14px; line-height: 20px;}

.page-template-service .accordion .card-header button{ padding: 15px; }

.job-content .all-btn a {

    background: var(--color-F65A2A);

    padding: 8px 15px;

    border-radius: 25px;

    color: var(--color-white);

    font-weight: 500;

    font-size: 13px;

    line-height: 18px;

}

/* ------------- End accordion ------------------ */





.var-row{ align-items: center; }

.pb{ padding: 25px 0 15px 0;}

.modal.apply-modal .modal-header{ background:var(--color-0079a2); position: relative; }



.modal.apply-modal .modal-header .close{ position: absolute; padding: 0; top: 20px; right: 25px; opacity: 1; color:var(--color-white); font-weight: normal;



    font-size: 30px; }



.modal.apply-modal .modal-header h5{ color:var(--color-white); font-size: 20px; line-height: 27px; font-weight: 500;}



.modal.apply-modal .frm-wrap{ padding: 10px; }



.modal.apply-modal .hidden-fld{ display: none; }

.frm-wrap input{ height: 45px; border-radius: 0; font-size: 13px;}

.frm-wrap textarea{ height: 120px; border-radius: 0;}