@charset "utf-8";
/* CSS Document */
@import url(animate.css);
@import url('owl.carousel.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 400; 
    position: relative;
}

* {
    margin: 0px;
    padding: 0px;
}

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clr,
.clear {
    clear: both;
}

header,
footer,
aside,
article,
section,
nav,
figure {
    position: relative;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
    max-width: 100%;
}
     
table {  width: 100%; }
p { margin: 0; padding: 0; }
.fltL { float: left; }
.fltR { float: right !important; }
.padding_none { padding: 0 !important;}
.border_none{border:none !important}
.navbar-toggle {  background-color: #fff !important; }
.icon-bar { background-color: #000 !important; }
.p_right0{ padding-right:0px !important }
.p_left0{ padding-left:0px !important }

header{ width: 100%; position: absolute;}
header .navbar{padding: 10px 0;z-index:1;}
header .navbar .navbar-brand{padding:0;margin:0;max-width: 150px;border-radius: 50%;}
header .navbar .navbar-collapse{justify-content:end}
header .navbar .navbar-nav .nav-item{margin:0 0 0 40px}
header .navbar .navbar-nav .nav-item .nav-link{color: #fff;padding:0 0 6px 0;font-size:15px;position:relative;font-weight:500;}
header .navbar .navbar-nav .nav-item .nav-link:after{content:'';position:absolute;bottom:0;width:0;height:2px;background: #fff;left:0;transition:0.5s all ease-in-out;}
header .navbar .navbar-nav .nav-item.active .nav-link{color: #fff;}
header .navbar .navbar-nav .nav-item .nav-link:hover:after,
header .navbar .navbar-nav .nav-item.active .nav-link:after{width:100%}


header .navbar2 .navbar-nav .nav-item .nav-link{color: #000;}
header .navbar2 .navbar-nav .nav-item .nav-link:after{background: #000;}
header .navbar2 .navbar-nav .nav-item.active .nav-link{color: #000;}



.SlideArea{background-color:#093D6F;padding: 100px 0 50px 0;background-size:cover;}
.SlideArea .SlideLeft{color:#fff;}
.SlideArea .SlideLeft h5{font-size:17px;text-transform:uppercase;margin:0 0 20px 0;font-weight:600;letter-spacing:.5px;color:#fff;letter-spacing:.5px}
.SlideArea .SlideLeft h4{font-size:56px;font-weight:500;margin:0 0 20px 0;letter-spacing:.5px}
.SlideArea .SlideLeft ul{margin-top: 40px;}
.SlideArea .SlideLeft h6{font-size:15px;color:#fff;line-height:27px;font-weight:500;margin:0 0 15px 0}
.SlideArea .SlideLeft ul li{display:inline-block;margin:0 10px 0 0;position:relative}
.SlideArea .SlideLeft ul li a{position:relative;overflow:hidden;align-items:center;padding:5px 5px;border-radius:57px;display:flex;min-width:195px;font-family:Roboto;background-color:transparent;border:2px solid #fff;box-shadow:0 3px 10px #00284b}
.SlideArea .SlideLeft ul li a span{margin-right:10px;color:#fff;position:relative;width:40px;height:40px;background-color:#fff;padding:7px;border-radius:50%}
.SlideArea .SlideLeft ul li a p{font-size:15px;font-weight:500;color:#fff;margin:0;line-height:20px;position:relative}
.SlideArea .SlideLeft ul li a p small{font-size:13px;line-height:12px;font-weight:500;display:block}
.SlideArea .SlideRight{position:relative;z-index:9}
.SlideArea .SlideRight img{ width:90% }
.SlideArea .SlideShape{position:absolute;width:100%;left:0;bottom:-10px;display:none}

.OrderArea{padding:50px 0 20px 0}
.OrderArea .OrderHead{text-align:center;margin:0 0 50px 0}
.OrderArea .OrderHead h6{font-family:Mulish;font-weight:800;color:#000;margin:0 0 10px 0;}
.OrderArea .OrderHead h4{font-size:36px;font-weight:600;color:#000;letter-spacing:2px;margin:0 0 15px 0}
.OrderArea .OrderHead p{font-size:15px;line-height:26px;font-weight:500;color:#505050;}
.OrderArea .OrderBox{padding:60px 40px;border-radius:10px;margin:0 0 30px;text-align:center;box-shadow:5px 7px 25px 0 rgba(0,0,0,.05);}
.OrderArea .OrderBox span{width:100px;display:block;margin:0 auto 20px}
.OrderArea .OrderBox h5{color:#000;font-weight: 500;margin:0 0 10px 0;font-size: 22px;}
.OrderArea .OrderBox p{font-size:13px;font-weight:400;line-height:24px}

.DeliveryArea{background-color:#f8f6ec;padding:35px 50px}
.DeliveryArea .DeliveryLeft{border-radius:20px;overflow:hidden;height:425px;background-size:cover;background-position: 0px 0;}
.DeliveryArea .DeliveryLeft img{display:none}
.DeliveryArea .DeliveryRight{padding:50px 0 50px 40px}
.DeliveryArea .DeliveryRight h6{margin:0 0 15px 0px;color:#003a6b;text-transform:uppercase;font-weight:600;letter-spacing:.5px;font-size:17px}
.DeliveryArea .DeliveryRight h3{font-size:36px;font-weight:600;color:#000;letter-spacing:2px;margin:0 0 15px 0;line-height:48px}
.DeliveryArea .DeliveryRight p{margin:0 0 40px 0;font-size:14px;line-height:29px}
.DeliveryArea .DeliveryRight a{background-color:#003a6b;color:#fff;padding:13px 40px;display:inline-block;border-radius:50px;border:2px solid #fff;box-shadow:0 0 10px #9f9c9c}

.DeliciousArea{padding:100px 0; background-color: #174A79; position: relative;}
/* .DeliciousArea::before {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; content: "";} */
/* .DeliciousArea:before{content:'';background-image:url(../images/Background.png);position:absolute;width:100%;height: 1000px;top: 0;left: 0;} */
.DeliciousArea .DeliciousRight h3{font-size:36px;font-weight:600;color:#fff;letter-spacing:2px;margin:0 0 25px 0;line-height:48px}
.DeliciousArea .DeliciousRight p{margin:0 0 30px 0;font-size:15px;line-height:28px;font-family:'Mulish';font-weight:600; color: #fff;}
.DeliciousArea .DeliciousRight p.OnBoardText{margin:0 0 30px 0;font-size:18px;line-height:28px;font-family:'Mulish';font-weight:400; color: #fff;}
.DeliciousArea .DeliciousRight ul{padding:0 0 10px 0}
.DeliciousArea .DeliciousRight ul li{font-size:15px;display:flex;align-items:center;font-weight:500;color:#fff;font-family:'Mulish';margin:0 0 20px 0}
.DeliciousArea .DeliciousRight ul li span{background-color:#003a6b;color:#fff;display:inline-block;border-radius:50px;border:2px solid #fff;box-shadow:0 0 10px #00284b;width:45px;height:45px;text-align:center;font-size:18px;line-height:44px;font-weight:500;margin:0 10px 0 0}
.DeliciousArea .DeliciousRight ol li{display:inline-block;margin:0 10px 0 0;position:relative}
.DeliciousArea .DeliciousRight ol li a{position:relative;overflow:hidden;align-items:center;padding:5px 5px;border-radius:57px;display:flex;min-width:195px;font-family:Roboto;background-color:transparent;border:2px solid #fff;box-shadow:0 0 10px #00284b}
.DeliciousArea .DeliciousRight ol li a span{margin-right:10px;color:#fff;position:relative;width:40px;height:40px;background-color:#fff;padding:7px;border-radius:50%}
.DeliciousArea .DeliciousRight ol li a p{font-size:15px;font-weight:500;color:#fff;margin:0;line-height:20px;position:relative}
.DeliciousArea .DeliciousRight ol li a p small{font-size:13px;line-height:12px;font-weight:500;display:block}

.DeliciousArea .DeliciousRight .marchants p{margin: 0px 0px 12px;font-size: 14px;font-weight: 800;}

.DeliciousArea1{
    background-color: #f7f6fb;
    text-align: center;
    padding: 60px;
}
.onbording{}
.onbording h3{margin: 0 0 5px;font-size: 34px;color: #000;font-weight: 700;line-height: 46px;text-transform: capitalize;letter-spacing: .5px;}
.onbording h4{
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 26px;
}
.onbording p{
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 26px;
}
.onbording .red-btn{
    background-color: #de2525;
    width: 50%;
    text-align: center;
    margin: 10px auto;
    border-radius: 20px;
    padding: 5px;
}
.onbording .red-btn a{
    display: inline-block;
    color: white;
}
.AboutArea{padding: 50px 0 80px 0;background-image:url(../images/Feature.png);background-repeat:no-repeat;background-position:center center;background-size:contain;}
.AboutArea .AboutHead{margin: 0 auto 50px;text-align:center;width:75%;}
.AboutArea .AboutHead h3{margin:0 0 15px;font-size:34px;color:#000;font-weight:700;line-height:46px;text-transform:capitalize;letter-spacing:.5px}
.AboutArea .AboutHead h6{margin:0 0 15px;font-family:Courgette;color:#239c43;font-weight:600;font-size:28px;letter-spacing:1.5px}
.AboutArea .AboutHead h5{margin:0 0 0;font-weight:400;font-size: 16px;line-height: 30px;font-family: 'Roboto';}
.AboutArea .AboutBody .AboutBox{-webkit-box-shadow:0 10px 30px 0 rgba(21,10,82,.2);box-shadow:0 10px 30px 0rgba(21,10,82,.2);padding: 90px 20px 55px;border-radius:4px;background-color:#fff;-webkit-transition:0.3s;transition:0.3s;text-align:center;cursor:pointer;margin: 0 0 30px 0;min-height: 352px !important;}
.AboutArea .AboutBody .AboutBox .Icons{width:70px;height:70px;margin:0 auto 50px;line-height:70px;position:relative;border-radius:50%;color:#fff;font-size:40px;z-index:9}
.AboutArea .AboutBody .AboutBox .Icons:before{width:125px;height:125px;position:absolute;content:'';top:-27px;left:-28px;border-radius:50%}
.AboutArea .AboutBody .AboutBox .Icons:after{width:100px;height:100px;position:absolute;content:'';top:-14px;left:-15px;border-radius:50%}
.AboutArea .AboutBody .AboutBox .Icons img{filter:brightness(0) invert(1)}
.AboutArea .AboutBody .AboutBox h3{margin: 0 0 10px;color:#000;font-weight: 600;font-size: 20px;text-transform: capitalize;}
.AboutArea .AboutBody .AboutBox p{margin:0;font-size:14px;line-height:26px;font-weight: 400;color: #000;}
  
.AboutArea .AboutBody ul{ display: flex; flex-wrap: wrap;}
.AboutArea .AboutBody ul li{ padding: 0 15px; width: calc(100% / 3);}
.AboutArea .AboutBody ul li:nth-child(1) .AboutBox .Icons{background-color:#f03858}
.AboutArea .AboutBody ul li:nth-child(1) .AboutBox .Icons:before{background-color:rgba(240,56,88,.2)}
.AboutArea .AboutBody ul li:nth-child(1) .AboutBox .Icons:after{background-color:rgba(240,56,88,.5)}

.AboutArea .AboutBody ul li:nth-child(2) .AboutBox .Icons{background-color:#693cb8}
.AboutArea .AboutBody ul li:nth-child(2) .AboutBox .Icons:before{background-color:rgba(105,60,184,.2)}
.AboutArea .AboutBody ul li:nth-child(2) .AboutBox .Icons:after{background-color:rgba(105,60,184,.5)}

.AboutArea .AboutBody ul li:nth-child(3) .AboutBox .Icons{background-color:#4dd1ed}
.AboutArea .AboutBody ul li:nth-child(3) .AboutBox .Icons:before{background-color:rgba(77,208,237,.2)}
.AboutArea .AboutBody ul li:nth-child(3) .AboutBox .Icons:after{background-color:rgba(77,208,237,.5)}

.AboutArea .AboutBody ul li:nth-child(4) .AboutBox .Icons{background-color:#ecae19}
.AboutArea .AboutBody ul li:nth-child(4) .AboutBox .Icons:before{background-color:rgba(236,174,25,.2)}
.AboutArea .AboutBody ul li:nth-child(4) .AboutBox .Icons:after{background-color:rgba(236,174,25,.5)}

.AboutArea .AboutBody ul li .AboutBox:hover h3{color:#fff}  
.AboutArea .AboutBody ul li .AboutBox:hover p{color:#fff}
.AboutArea .AboutBody ul li .AboutBox:hover .Icons:before{background-color:rgba(255,255,255,.2)}
.AboutArea .AboutBody ul li .AboutBox:hover .Icons:after{background-color:rgba(255,255,255,.5)}

.AboutArea .AboutBody ul li:nth-child(1) .AboutBox:hover{background-color:#d22d4a}
.AboutArea .AboutBody ul li:nth-child(2) .AboutBox:hover{background-color:#693cb8}
.AboutArea .AboutBody ul li:nth-child(3) .AboutBox:hover{background-color:#4dd1ed}
.AboutArea .AboutBody ul li:nth-child(4) .AboutBox:hover{background-color:#ecae19}

.AboutArea .AboutBody ul li:nth-child(1) .AboutBox:hover .Icons{background-color:#fff;color:#f03858}
.AboutArea .AboutBody ul li:nth-child(2) .AboutBox:hover .Icons{background-color:#fff;color:#693cb8}
.AboutArea .AboutBody ul li:nth-child(3) .AboutBox:hover .Icons{background-color:#fff;color:#4dd1ed}
.AboutArea .AboutBody ul li:nth-child(4) .AboutBox:hover .Icons{background-color:#fff;color:#ecae19}

.ChooseArea{background-color: #fff;padding: 70px 0;}
.ChooseArea .ChooseLeft{position: relative;padding: 50px 0 0 0;}
.ChooseArea .ChooseLeft img{width: 100%;}
.ChooseArea .ChooseLeft aside{position: absolute;top: 10px;right: 30px;width: 175px;height: 175px;background-color: #003a6b;border-radius: 50%;border: 10px solid #fff;padding: 35px 0;box-shadow: 0px 0px 10px #ddd;}
.ChooseArea .ChooseLeft aside p{text-align: center;font-size: 14px;color: #fff;}
.ChooseArea .ChooseLeft aside p span{display: block;font-size: 70px;font-weight: 600;line-height: 60px;}
.ChooseArea .ChooseRight aside{margin: 0 0 20px 0;}
.ChooseArea .ChooseRight aside h6{font-size: 20px;font-weight: 600;color: #000;letter-spacing: 2px;margin: 0 0 15px 0; }
.ChooseArea .ChooseRight aside h5{font-family: Roboto Slab;font-size: 30px;color: #000;font-weight: 600;line-height: 38px;margin: 0 0 20px 0;}
.ChooseArea .ChooseRight aside p{font-family: 'Mulish';font-size: 15px;font-weight: 600;line-height: 22px;}
.ChooseArea .ChooseRight article ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -10px;}
.ChooseArea .ChooseRight article ul li{width: calc(50% - 10px);background-color: #fff;padding: 20px 20px 20px 60px;margin: 0 5px 10px;border-radius: 5px;box-shadow: 0px 0px 10px #ddd;position: relative;}
.ChooseArea .ChooseRight article ul li .Icon{position:absolute;top: 20px;left: 20px;}
.ChooseArea .ChooseRight article ul li .Icon img{ width:100% }
.ChooseArea .ChooseRight article ul li h5{margin: 0 0 10px 0;font-size: 22px;color: #000;}
.ChooseArea .ChooseRight article ul li p{font-family: 'Mulish';font-size: 14px;font-weight: 600;line-height: 22px;}

.ContactArea{padding: 50px 0 50px 0;
    /* background-image: url(../images/Contact.png);background-repeat: no-repeat;background-position: 100% 0; */
}
.ContactHead{margin: 0 auto 50px; text-align: center; width: 100%;}
.ContactHead h3{margin: 0 0 15px;font-size: 34px;color: #000;font-weight: 700;line-height: 46px;text-transform: capitalize;letter-spacing: .5px;font-family: 'Roboto Slab';}
.ContactHead p{margin: 0 0 0; font-weight: 400; font-size: 16px; line-height: 30px; font-family: 'Roboto';}


.ContactArea .ContactInfo{ margin: 0px 0 0 0; }
.ContactArea .ContactInfo .ContactBox{text-align:center;padding: 50px 0;margin: 0 0 40px 0;background-color: #fff;border-radius: 15px;box-shadow: 0px 0px 10px #ddd;}
.ContactArea .ContactInfo .ContactBox:last-child{ margin: 0; }
.ContactArea .ContactInfo .ContactBox h3{font-size: 24px;font-weight: 600;color:#000;margin: 0 0 10px 0;font-family: 'Roboto Slab';}
.ContactArea .ContactInfo .ContactBox p{font-size: 15px;color:#393939;line-height: 24px;font-weight:500;margin:0 0 10px 0;}
.ContactArea .ContactInfo .ContactBox h4{color: #003a6b;font-weight: 500;font-size: 16px;line-height: 22px;margin: 8px 0 0px 0;}
.ContactArea .ContactInfo .ContactBox a{font-weight: 600;color:#0042b9;font-size: 15px;font-family: 'Roboto Slab';}
.ContactArea .ContactInfo .ContactMap {height: auto;}
.ContactArea .ContactInfo .ContactMap iframe{width: 100%;}

.FeatureArea{padding: 50px 0 50px 0;background-repeat: no-repeat;background-position: 100% 0;}
.FeatureHead{margin: 0 auto 50px; text-align: center; width: 100%;}
.FeatureHead h3{margin: 0 0 15px;font-size: 34px;color: #000;font-weight: 700;line-height: 46px;text-transform: capitalize;letter-spacing: .5px;font-family: 'Roboto Slab';}
.FeatureBox {text-align: center; height: 50%; cursor: pointer;}
.FeatureBoxactive{background-color: #239c43;}
.FeatureBox i {font-size: 48px; color: #000;}
.FeatureBox h5 {color: #000; margin: 10px 0 15px 0;}
.FeatureBox p {color: #000;}
.FeatureBoxImg figure {width: 70%; margin: 0 auto;}

.Footer{background: #093D6F;padding: 20px 0;position:relative;font-family:'Roboto'}
.Footer .FooterLeft p a{margin:0 20px 0 0;font-size: 16px;color: #ffffff;}
.Footer .FooterMiddle ul{margin:0;text-align:center}
.Footer .FooterMiddle ul li{margin:0 5px;display:inline-block}
.Footer .FooterMiddle ul li a{width:40px;height:40px;color: #fff;border: 2px solid #fff;display:block;text-align:center;border-radius:50%;font-size:14px;line-height: 40px;transition:0.5s all ease-in-out;}
.Footer .FooterMiddle ul li a:hover{background-color: #fff;color: #003a6b;}
.Footer .FooterRight{text-align:right}
.Footer .FooterRight p{font-size: 15px;color: #fff;}


.BreadcumbArea{ padding: 120px 0 30px; background-image: url(../images/Shape.png); background-repeat: no-repeat; background-position: 100% -50px; text-align: center; z-index: 9;}
.BreadcumbArea h3{color: #000;font-size: 45px;font-weight: 700;margin: 0 0 20px 0;}
.BreadcumbArea ul li{display: inline-block;margin: 0 15px;position: relative;}
.BreadcumbArea ul li+li:before {content: '\f105';position: absolute;left: -20px;top: 0;font-size: 15px;font-weight: 600;color: #000;font-family: 'FontAwesome';}
.BreadcumbArea ul li a{font-size: 15px;color: #000;font-family: 'Roboto';font-weight: 500;cursor: pointer;}
.BreadcumbArea ul li.active a{color: #003a6b;}

.PrivacyArea{padding: 20px; font-family:'Mulish';} 
.PrivacyArea h1 {margin: 0 0 10px 0;font-weight: 800;text-transform: capitalize;font-size: 24px;color: #003a6b;}
.PrivacyArea h6{ font-size: 14px; line-height: 28px; color: #000; margin: 0 0 20px 0;  text-align: center; font-weight: 400;}
.PrivacyArea h4{font-size:18px;font-weight:600;color:#000;text-transform:capitalize;margin:0 0 10px 0;line-height:30px}
.PrivacyArea h3 { font-size: 22px; font-weight: 800; color: #000; text-transform: capitalize; margin: 0 0 10px 0;}
.PrivacyArea h5{font-size:15px;font-weight:600;color:#000;text-transform:capitalize;margin:0 0 10px 0}
.PrivacyArea p {font-size: 16px;line-height: 34px;color: #000;margin: 0 0 15px 0;font-weight: 600;}
.PrivacyArea p strong{font-weight: 800;}
.PrivacyArea ul{padding:0 0 0 20px;list-style:disc;margin:0 0 15px 0}
.PrivacyArea ul li{list-style:disc;font-size: 16px; line-height: 30px; color: #000; margin: 0 0 15px 0; font-weight: 600;}

.PortArea{padding:50px 0 50px 0}
.PortArea .PortHead{text-align:center;margin:0 0 50px 0}
.PortArea .PortHead h3{margin:0 0 15px;font-size:34px;color:#000;font-weight:700;line-height:46px;text-transform:capitalize;letter-spacing:.5px}
.PortArea .PortHead p{margin:0 0 0;font-weight:400;font-size:16px;line-height:30px;font-family:'Roboto'}
.PortArea .PortBox{position:relative;padding:80px 20px 20px 20px;margin: 0 0 20px 0;cursor: pointer; text-align: center;}
.PortArea .PortBox:last-child{ margin: 0; }
.PortArea .PortBox .Icon{position:absolute;top:20px;left:50%;width:50px;height:50px;background:#003a6b;text-align:center;border-radius:50%;transform: translateX(-50%);font-size:20px;line-height:50px;color:#fff}
.PortArea .PortBox .Icon:before{content: '';width: 70px;height: 70px;position: absolute;top: -10px;left: -10px;border-radius: 50%;;}
.PortArea .PortBox h4{margin:0 0 10px;color:#000;font-weight:600;font-size:20px;text-transform:capitalize}
.PortArea .PortBox p{font-size:16px;font-family:'Roboto';line-height:26px}
.PortArea .PortBox.active{background: rgba(0,58,107,0.08);border-radius: 19px;padding: 80px 20px 20px 20px;margin-top: 30px;}
.PortArea .tab-content .tab-pane .PortMiddle {width: 75%; margin: 0px auto;}
.item { padding: 0 0 10px 10px;}


.small-images{margin:0 auto;cursor: pointer;}
.small-images img{max-width:70px;max-height:60px;margin-right:40px;}
#big-image{width:500px;margin:auto;margin-bottom:50px;}



.ContactBoxsMain {background-color: #093D6F;padding: 40px;border-radius: 5px;position: relative;}
.ContactBoxsMain::after {content: ""; width: 150px; height: 150px; position: absolute; right: -50px; bottom: -50px; border-radius: 50%; background-color: rgba(255,255,255,0.05);}
.ContactBoxsMain::before {content: ""; width: 75px; height: 75px; position: absolute; right: 40px; bottom: 40px; border-radius: 50%; background-color: rgba(255,255,255,0.05);}
.ContactBoxs {margin: 0 0 75px 0;}

.ContactBoxs figcaption a{color: white;margin: 10px 0;display: inline-block;}
.ContactBoxs figcaption h4{color: white;}
.ContactInfo h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: left;
    color: #093D6F;
}
.ContactInfo p{
    color: black;
    font-size: 13px;
    margin-bottom: 10px;
}
.ContactInfo p span{font-size: 15px;display: inline-block;width: 16px;}
/* .ContactBoxs figure {display: flex!important; flex-direction: row;}
.ContactBoxs figure img {width: 40px;}
.ContactBoxs figcaption {display: flex; flex-direction: column; margin: 0 0 0 20px;}
.ContactBoxs p{font-size: 15px;color:#393939;line-height: 24px;font-weight:500;margin:0 0 10px 0;}
.ContactBoxs h4{color: #fff;font-weight: 500;font-size: 16px;line-height: 22px;margin: 8px 0 0px 0;}
.ContactBoxs a{font-weight: 600;color:#fff;font-size: 15px;font-family: 'Roboto Slab';} */

/* .ContactBoxsMain form{} */
.ContactBoxsMain form label{font-size: 12px;color: white;}
.ContactBoxsMain form .form-control{box-shadow: none;border: none;height: 42px;}
.ContactBoxsMain form .form-control::placeholder {
    font-size: 12px;font-weight: 500;
}  

.Button{border: 1px solid transparent;width: 100%;background-color: white;font-size: 15px;color: #717581;border-radius: 5px;font-weight: 600;margin-top: 14px;height: 42px;}
.how-work{
    background-color: #093D6F;
    color: white;
    padding: 70px 0;
}
.how-work h2{
    font-size: 30px;
    font-weight: 600;
    width: 360px;
    margin: auto;
    background-color: #7B5B66;
    padding: 10px;
    margin-bottom: 30px;
}
.work-area{}
.work-area h3{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}
.work-area h3 span{margin: 0px 10px 0px 0px;}
.work-area ul{
    display: flex;
    justify-content: left;
    width: 100%;
    flex-wrap: wrap;
}
.work-area ul li{
    width: 45%;
    margin: 20px 20px 0px 0px;
    border: 2px solid white;
    height: 150px;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
}
.work-area ul li:hover{
    background-color: #003A6B;
    box-shadow: 3px 3px 3px #d1d1d140;
}
.work-area:nth-last-child(){border-left: 1px solid white;width: 3px;}


.ScreenArea{padding:50px 0 80px;
    /* background-image: linear-gradient(45deg,#fe4978,#fa754d); */
   background-color: #093d6f;
}
.ScreenArea .ScreenHead{text-align:center;margin:0 0 75px 0}
.ScreenArea .ScreenHead h3{font-size:45px;font-weight:600;color:#fff;margin:0 0 10px 0}
.ScreenArea .ScreenHead p{color:#fff;font-family:'Roboto';font-size:16px;font-weight:400}
.ScreenArea .ScreenBody{position:relative}
.ScreenArea .ScreenBody .ScreenFrame{position:absolute;left:0;top: 25px;z-index:11;right:0;margin:auto;width: 305px;}
.ScreenArea .ScreenBody .item h6 {text-align: center; color: #fff; font-size: 18px; margin-bottom: 15px; font-weight: 700;}
.ScreenArea .ScreenBody .ScreenBox{display:flex;align-items:center;justify-content:center;margin:0 auto;overflow:hidden;max-height: 595px;width:275px;border: 4px solid #fff;border-radius: 15px;}
.ScreenArea .ScreenBody .owl-carousel .owl-nav .owl-prev,
.ScreenArea .ScreenBody .owl-carousel .owl-nav .owl-next{position:absolute;right:25%;top:49%;height:50px;width:50px;line-height:45px;border-radius:50%;border: 3px solid #ffffff;transition:0.5s all ease-in-out;font-size:25px;outline:0;background: #fff;color: #fb635e;}
.ScreenArea .ScreenBody .owl-carousel .owl-nav .owl-prev{left:26%;color: #fff;background: linear-gradient(45deg,#fe4978,#fa754d);}
.ScreenArea .ScreenBody .owl-carousel .owl-dots{text-align:center;margin:30px 0 0 0}
.ScreenArea .ScreenBody .owl-carousel .owl-dots .owl-dot{cursor:pointer;display:inline-block;width:6px;height:6px;font-size:0;background:#fff;margin:0 7px;border-radius:15px;transition:0.5s all ease-in-out;outline:0}
.ScreenArea .ScreenBody .owl-carousel .owl-dots .owl-dot.active{width:35px}.StudyCompaniesArea{padding:50px 0}

.ContactBoxs a {color: #fff; margin: 10px 0; display: inline-block;}
.ContactBoxs h4 {color: #fff;}