@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

*{margin:0; padding:0; box-sizing: border-box;}

html {
  scroll-behavior: smooth;
}

body{overflow-x:hidden;  font-family:'Poppins', sans-serif;}

a{text-decoration:none; color:#000; cursor:pointer; display: inline-block;}

button{cursor:pointer; font-family:'Poppins', sans-serif;}

img{max-width:100%;}

.center{text-align: center;}


.contaner{margin: auto; padding:30px 15px;}

.hd-contaner{ margin: auto; padding:15px 15px;}

#main-content{
    min-height: 600px;
}

.fs-12{ font-size: 12px; }
.fs-14{ font-size: 14px; }
.fs-16{ font-size: 16px; }
.fs-18{ font-size: 18px; }
.fs-20{ font-size: 20px; }
.fs-22{ font-size: 22px; }
.fs-24{ font-size: 24px; }
.fs-30{ font-size: 30px; }
.fs-36{ font-size: 36px; }
.fs-40{ font-size: 40px; }

.mx--15{ margin-left: -15px; margin-right: -15px;}

.mt-5{ margin-top:  5px; }
.mt-10{ margin-top: 10px; }
.mt-15{ margin-top: 15px; }
.mt-20{ margin-top: 20px; }
.mt-25{ margin-top: 25px; }
.mt-30{ margin-top: 30px; }

.mb-5{  margin-bottom:  5px; }
.mb-10{ margin-bottom: 10px; }
.mb-15{ margin-bottom: 15px; }
.mb-20{ margin-bottom: 20px; }
.mb-25{ margin-bottom: 25px; }
.mb-30{ margin-bottom: 30px; }
.mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; }
.mb-60{ margin-bottom: 60px; }
.mb-70{ margin-bottom: 70px; }
.mb-80{ margin-bottom: 80px; }

.pd-10{ padding: 10px}
.pd-15{ padding: 15px;}
.pd-20{ padding: 20px;}
.pd-25{ padding: 25px;}

.py-5 { padding-top: 5px;  padding-bottom:  5px;}
.py-10{ padding-top: 10px; padding-bottom: 10px;}
.py-15{ padding-top: 15px; padding-bottom: 15px;}
.py-20{ padding-top: 20px; padding-bottom: 20px;}
.py-25{ padding-top: 25px; padding-bottom: 25px;}


.px-5 { padding-left:  5px; padding-right:  5px;}
.px-10{ padding-left: 10px; padding-right: 10px;}
.px-15{ padding-left: 15px; padding-right: 15px;}
.px-20{ padding-left: 20px; padding-right: 20px;}
.px-25{ padding-left: 25px; padding-right: 25px;}
.px-30{ padding-left: 30px; padding-right: 30px;}

.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}


.white{
    color: #ffffff;
}

.err-msg{ color: red;}



.title-1{
    font-size: 24px;
    margin-bottom: 15px;
}


.d-flex{
    display: flex;
}



.rw{display: flex;flex-wrap: wrap;}





.cl-1, .cl-10, .cl-11, .cl-12, .cl-2, .cl-3, .cl-4, .cl-5, .cl-6, .cl-7, .cl-8, .cl-9, .cl-auto, .cl-md, .cl-md-1, .cl-md-10, .cl-md-11, .cl-md-12, .cl-md-2, .cl-md-3, .cl-md-4, .cl-md-5, .cl-md-6, .cl-md-7, .cl-md-8, .cl-md-9, .cl-md-auto {
    width: 100%;
}








.cl-1{flex:0 0 8.333%; max-width:8.333%;}
.cl-2{flex:0 0 16.666%; max-width:16.666%;}
.cl-20{flex:0 0 20%; max-width:20%;}
.cl-3{flex:0 0 25%; max-width:25%;}
.cl-4{flex:0 0 33.333%; max-width:33.333%;}
.cl-5{flex:0 0 41.666%; max-width:41.666%;}
.cl-6{flex:0 0 50%; max-width:50%;}
.cl-7{flex:0 0 58.333%; max-width:58.333%;}
.cl-8{flex:0 0 66.666%; max-width:66.666%;}
.cl-9{flex:0 0 75%; max-width:75%;}
.cl-12{flex:0 0 100%; max-width:100%;}




header{
  
    border-bottom: 1px solid #aaa;

    .header-dv{
        display:  flex;

        .logo-link{
            padding: 5px 0;
            img{ width: 180px; display: block;}        
        }

        #navigation{
            margin: auto;
            margin-right: 100px;

            .menu-list{
                list-style: none;
                .menu-item{
                    display: inline-block;

                    .mn-link{
                        padding: 10px 20px;
                    }
                }

                .start-btn{
                    background: #0071b3;
                    border-radius: 7px;

                    a{
                        color: #ffffff;
                    }
                }



            }
        }

    }
}

footer{
    background: #434343;

    .footerln {    margin: 5px;}


    .footer-head { font-size: 14px; font-weight: 400;  margin-top: 10px; margin-bottom: 15px; text-transform: uppercase; color: #ffffff;}

    .ftr-lists { list-style: none;}

    .ftr-lists a { display: block;  padding: 1px 0;  border-bottom: none;   font-size: 13px;   color: #9f9f9f;}

    .ft-box .con-ft {   font-size: 14px;   color: #9f9f9f;   margin-bottom: 10px;}

    .social-icon a{color: #ffffff;}

}


.pg-heading{
    padding: 20px;
    text-align: center;
    background: radial-gradient(circle, #00a1f0, #05798d );
    margin-bottom: 20px;
}


.tmp-1{
    .tmp-imgd{

        img{ border-radius: 3px; box-shadow: 0 0 4px 4px #000; padding: 3px;}
    }
    .tmp-txt{
        .pg{ line-height: 1.7;}
    }
}

.tmp-2{
    .tmp-imgd{

        img{ border-radius: 3px;  box-shadow: 0 0 4px 4px #000; padding: 3px;}
    }
    .tmp-txt{
        .pg{ line-height: 1.7;}
    }
}

.box{box-shadow: 0 0 1px 1px #aaa; padding: 15px 15px; border-radius: 3px;}

#srv-cnt1{
    .rw{
        margin-left: -15px; margin-right: -15px;
    }
    
}

.rw-mg-15{
     margin-left: -15px; margin-right: -15px;
}


#contact-pg{

    .cnt-form{

        .fm-dv{
            background: #ebf7fe;
            border-radius: 3px;
            border-top-left-radius: 40px;
            border-bottom-right-radius: 40px;
            padding: 30px 30px;
            box-shadow: 0 0 2px 1px #000;

            form{
                label{
                    display: block;
                }

                .inp{display: block; width: 100%; height: 36px; margin-bottom: 20px; outline: none; padding-left: 5px;}

                .tx-area{display: block; width: 100%; height: 100px; margin-bottom: 20px; outline: none; padding-left: 5px;}

                .process-btn{
                    padding: 10px 15px;
                    font-size: 16px; 
                    background: radial-gradient(circle, #3582ad, #569ec1);
                    border: none; border-radius: 3px;
                    font-weight: 500; color: #ffffff; width: 100%;
                }

                .sbt-btn{
                    padding: 10px 15px;
                    font-size: 16px; 
                    background: radial-gradient(circle, #3582ad, #569ec1);
                    border: none; border-radius: 3px;
                    font-weight: 500; color: #ffffff; width: 100%;
                }
            }
        }

    }

}


.page{ background: radial-gradient(circle, #ffffff, #b8e4fc);}

#services-pg{

    #srv-cnt1{
        .box{
            .srv-icn-dv{
                img { width: 50px;}
            }
        }
    }
    
}


#privacy-pg{

    .contaner{
        h2{
            margin-top: 20px; margin-bottom: 10px;
        }

        ul{
            padding-left: 20px;
        }
    }
}




.srv-box {
    .box {
        min-height: 195px;

        .srv-icn-dv {
            img { width: 50px;  }
        }
    }
}




.loader {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media (min-width: 768px) {

    .desk-py-5 { padding-top: 5px;  padding-bottom:  5px;}
    .desk-py-10{ padding-top: 10px; padding-bottom: 10px;}
    .desk-py-15{ padding-top: 15px; padding-bottom: 15px;}
    .desk-py-20{ padding-top: 20px; padding-bottom: 20px;}
    .desk-py-25{ padding-top: 25px; padding-bottom: 25px;}


    .desk-px-5 { padding-left:  5px; padding-right:  5px;}
    .desk-px-10{ padding-left: 10px; padding-right: 10px;}
    .desk-px-15{ padding-left: 15px; padding-right: 15px;}
    .desk-px-20{ padding-left: 20px; padding-right: 20px;}
    .desk-px-25{ padding-left: 25px; padding-right: 25px;}
    .desk-px-30{ padding-left: 30px; padding-right: 30px;}


    .desk-hide{ display: none;}

    .contaner{ padding-left: 100px; padding-right: 100px;} 

    .cl-md-1{flex:0 0 8.333%; max-width:8.333%;}
    .cl-md-2{flex:0 0 16.666%; max-width:16.666%;}
    .cl-md-20{flex:0 0 20%; max-width:20%;}
    .cl-md-3{flex:0 0 25%; max-width:25%;}
    .cl-md-4{flex:0 0 33.333%; max-width:33.333%;}
    .cl-md-5{flex:0 0 41.666%; max-width:41.666%;}
    .cl-md-6{flex:0 0 50%; max-width:50%;}
    .cl-md-7{flex:0 0 58.333%; max-width:58.333%;}
    .cl-md-8{flex:0 0 66.666%; max-width:66.666%;}
    .cl-md-9{flex:0 0 75%; max-width:75%;}
    .cl-md-12{flex:0 0 100%; max-width:100%;}


    .tmp-1 {
        .tmp-imgd {
            padding-right: 50px;
        }
    }


    .tmp-2 {
        .tmp-imgd {
            padding-left: 50px;
        }
    }

    header{
        padding: 0 100px;
    }
}


@media (max-width: 768px) {

    header{
        padding: 0 15px;
    }

    .mob-hide{ display: none;}

     .contaner{ padding-left: 15PX; padding-right: 15px;} 

     #services-pg {
        #srv-cnt1 {
            .box {
                margin-bottom: 15px;
            }
        }
    }


    .tmp-1{
        .tmp-imgd{
            margin-bottom: 15px;
        }
    }


    .tmp-2 {
        .tmp-imgd {
            margin-bottom: 15px;
        }
    }


    .pg-heading {
        padding: 15px;

        h1{ font-size: 18px; }
    }
}