body { font-family:Roboto; }
:root { --main-color:#1c2367; --main-color-1:#ff6600; --main-color-2:#0066ff; --main-color-3:#08088e; }
a, i { transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; }
a:hover { text-decoration:none; }
ul { list-style:none; margin:0; padding:0; }

header { background-color:#fff; box-shadow:0 0 5px #999; padding:0 0 3px; position:fixed; transition:all 500ms; width:100%; z-index:111; }
header .col-lg-2, header .col-lg-10, .card-sec .col-lg-4, .card-sec .col-lg-6, .safety-card .col-lg-5, .safety-card .col-lg-7 { align-self:center; }

.call-sec { background-color:var(--main-color-1); clip-path:polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0); float:right; padding:4px 24px 6px; }
.call-sec li { display:inline-block; font-size:12px; font-weight:500; line-height:1; }
.call-sec li:last-child { border-left:1px solid #fff; margin:0 0 0 8px; padding:0 0 0 11px; }
.call-sec li i { padding:0 2px 0 0; }
.call-sec li a, footer li a:hover { color:#fff; }

.main .carousel-caption { bottom:0; color:#fff; display:flex; flex-direction:column; left:auto; justify-content:center; right:auto; text-align:left; top:0; width:100%; }
.main .carousel-control-prev, .main .carousel-control-next { opacity:1; width:4%; z-index:11; }
.main h1 { font-size:40px; font-weight:600; line-height:1.4; margin:12px 0 30px; }
.main h3 { font-size:24px; font-weight:normal; letter-spacing:3px; margin:0; text-transform:uppercase; }
.view-btn { background-color:var(--main-color-1); border-radius:30px; color:var(--main-color); display:inline-block; font-size:18px; font-weight:600; padding:10px 28px; }
.view-btn:hover, .form-sec form .verify-button  , .form-sec form a:hover { background-color:#fff; color:var(--main-color); }

.form-sec form { background-color:rgba(28,35,103,0.5); border-radius:4px; color:#fff; padding:40px 30px; position:relative; z-index:11; }
.form-sec form h3 { font-size:24px; font-weight:600; margin:0 0 25px; text-align:center; text-transform:uppercase; }
.form-sec form h5 { font-size:14px; font-weight:normal; margin:0 0 12px; }
.form-sec form img { margin:0 0 12px; }
.box { background-color:rgba(255,255,255,0.1); border:none; border-radius:0; box-shadow:none; color:#fff; font-size:14px; height:46px; margin:0 0 20px; padding:0 15px; width:100%; }
.box:focus { background-color:rgba(255,255,255,0.1); border:none; box-shadow:none; color:#fff; }
.box:focus::placeholder { color:transparent; }
.box::placeholder { color:#fff; }
.form-sec form a { background-color:var(--main-color-1); border-radius:30px; color:var(--main-color); display:inline-block; font-size:16px; font-weight:600; padding:7px 25px 6px; }
.form-sec form .verify-button { background-color:var(--main-color-1); border-radius:30px; color:var(--main-color); display:inline-block; font-size:16px; font-weight:600; padding:7px 25px 6px; }
.form-sec form .clr-btn { background-color:#828282; color:#fff; }

.card-sec { background-color:#f0f0f0; padding:50px 0; }
.safety-card { background-color:#fefefe; border-radius:4px; box-shadow:0 0 3px #999; padding:38px 0 25px; text-align:center; width:300px; }
.safety-card h3 { background-color:var(--main-color-1); color:#fff; font-size:28px; margin:8px 0 4px; padding:2px 0; text-transform:capitalize;; }
.safety-card h4 { background-color:var(--main-color-1); color:#fff; font-size:17px; margin:0 0 5px; padding:4px 0; text-transform:uppercase; }
.safety-card h4 span { display:block; text-transform:capitalize; }
.safety-card h5 { color:var(--main-color-1); display:flex; font-size:12px; font-weight:600; margin:0 0 8px; }
.safety-card h5 label { color:#000; font-size:12px; margin:0 5px 0 0; text-align:right; text-transform:uppercase; width:55px; }
.safety-card h5 span { font-size:14px; text-transform:uppercase; }
.safety-card h6 { color:var(--main-color-1); font-size:13px; font-weight:600; margin:4px 0 0; text-transform:uppercase; }
.safety-card h6 label { color:#000; margin:0; text-align:right; width:68px; }
.safety-card h6 span { color:#000; display:block; font-size:14px; padding:12px 0 0; text-transform:capitalize; }
.card-pic { height:125px; margin:0 0 8px; object-fit:cover; width:100px; }
.safety-card .row { padding:0 10px; }
.safety-card .col-lg-7 { padding-right:0; }
.safety-card .col-lg-5 { padding-left:5px; } 
.safety-card .col-lg-5 img { height:100px; width:100px; }
.safety-card .col-lg-5 .sft-logo { height:auto; width:100%; }

.card-box { background-color:#fff; box-shadow:0 0 5px #999; padding:38px 25px; }
.card-box h4 { color:#000;font-size:25px; font-weight:800; margin:0 0 28px; padding:0 0 15px; position:relative; text-align:center; text-transform:uppercase; }
.card-box h4::after { border-bottom:5px solid var(--main-color-1); bottom:0; content:''; left:0; margin:0 auto; position:absolute; right:0; width:55px; }
.card-box h5 { border-bottom:1px dotted #ccc; color:#666;font-size:15px; font-weight:normal; margin:0 0 22px }
.card-box h5 span { background-color:#fff; bottom:-1px; display:inline-block; margin:0; position:relative; width:58px; }
.card-tab ul { box-shadow:0 0 4px #999; margin:0 0 10px; }
.card-tab li { border-bottom:1px solid #ccc; color:#777; font-size:12px; padding:5px; }
.card-tab li label { color:#000; float:left; font-weight:500; margin:0; width:94px; }
.card-tab li span { display:block; padding:0 0 0 94px; }

.tab-sec { padding:60px 0 30px; }
.tab-sec h4 { color:#000; font-size:20px; font-weight:600; margin:0 0 24px; }
.card-tab-1 h3 { color:rgba(0,0,0,0.8); font-size:20px; font-weight:600; margin:0 0 28px; }
.card-tab-1 li { background-color:#fff; float:left; margin:0 15px 15px 0; padding:40px 15px; text-align:center; width:23%; }
.card-tab-1 li span { background:var(--main-color-1); font-size:22px; font-weight:bold; text-transform:uppercase; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.card-tab-1 li i { color:var(--main-color); display:block; font-size:50px; margin:0 0 20px; }

.card-tab-1 { margin:0 0 35px; }
.card-tab-1 table { background-color:#fff; font-size:14px; }
.card-tab-1 #example_length select, .card-tab-1 #example-1_length select { background-image:url(images/arrow.png); background-position:87%; background-repeat:no-repeat; border:1px solid #ddd; font-size:14px; height:38px; padding:0 6px; width:100px; -webkit-appearance:none; }
.card-tab-1 #example_filter input, .card-tab-1 #example-1_filter input { border:1px solid #ddd; color:#828282; height:38px; padding:0 10px; width:200px; }
.card-tab-1 .paginate_button { background-color:#fff; border:1px solid #dee2e6; border-right:none; color:var(--main-color); cursor:pointer; font-size:13px; padding:7px 9.5px; }
.card-tab-1 #example_next, .card-tab-1 #example-1_next { border-right:1px solid #ddd; }
.card-tab-1 .paginate_button.current, .card-tab-1 .paginate_button:hover { background-color:var(--main-color); color:#fff; }

footer { background-color:#060606; padding:35px 0 0; text-align:center; }
footer img { height:100px; }
footer ul { padding:24px 0; }
footer li { display:inline-block; padding:4px 17px; }
footer li a { color:#5a5959; font-size:13px; }
footer i { background-color:#ff6600; border-radius:50%; color:#fff; height:40px; margin:0 5px; padding:12px 0 0; width:40px; }
footer i:hover { background-color:var(--main-color); }
footer p { background-color:#000; color:#fff; font-size:12px; margin:40px 0 0; padding:12px 0; }


/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767px){	
header.smaller { transform:translateY(-34px); }
header .col-lg-2 { order:2; }
header .col-lg-10 { padding:0; }
.logo { margin:0 0 2px; width:230px; }
.call-sec { float:none; margin:0 auto 3px; padding:3px 0 6px; text-align:center; width:305px; }
.call-sec li:last-child { margin:0 0 0 3px; padding:0 0 0 7px; }
.main .carousel img { height:315px; object-fit:cover; }
.main h1 { font-size:25px; }
.main h3 { font-size:18px; letter-spacing:2px; }
.banner { padding:112px 0 0; }
.form-sec form h3 { font-size:22px; }
.form-sec form img { width:200px; }
.card-sec .col-lg-4 { padding:0 10px; }
.safety-card { margin:0 auto 20px; }
.safety-card .col-lg-5 { width:41.666667%; }
.safety-card .col-lg-7 { width:58.333333%; }
.tab-sec { padding:10px 0 35px; }
.tab-sec h4 { font-size:18px; margin:25px 0 15px; text-align:center; }
.card-tab-1 { display:none; }
footer img { height:75px; }
}

@media (min-width:320px) and (max-width:991px){
.form-sec form { background-color:rgba(28,35,103); margin:20px 0; padding:30px 18px; }
}

@media (min-width:480px) and (max-width:767px){

}

@media (min-width:768px){
.logo { height:100px; transition:all .5s ease-in; -webkit-transition:all .5s ease-in; }
header.smaller .logo { height:90px; }
.banner { padding:88px 0 0; }
.card-tab { display:none; }
.card-tab-1 #example_length, .card-tab-1 #example-1_length { display:inline-block; }
.card-tab-1 #example_filter, .card-tab-1 #example-1_filter { float:right; }
}

@media (min-width:768px) and (max-width:991px){
.main .carousel img { height:350px; object-fit:cover; }
.main h1 { font-size:34px; }
.safety-card .col-lg-5 { flex:0 0 41.666667%; max-width:41.666667%; }
.safety-card .col-lg-7 { flex:0 0 58.333333%; max-width:58.333333%; }
}

@media (min-width:992px){
.main { align-items:center; display:flex; position:relative; }
.main #myCarousel { width:100%; }
.form-sec { left:0; position:absolute; right:0; }
}

@media (min-width:992px) and (max-width:1199px){
.main .carousel img { height:480px; object-fit:cover; }
}