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

body{  font-family: "Poppins", sans-serif; color: #010c2f;font-size: 16px;font-weight: 400;overflow-x: hidden;}

[class*="col-"] {padding: 0 10px;}

.row {margin: 0 -10px;align-items: center;} 

a:hover, a:focus, button:hover, button:focus{outline: none;}

section {padding: 100px 0;clear: both;position: relative;margin: 0 auto; overflow:hidden}  

h1,h2,h3,h4,h5,h6{color: #282828;  font-family: "Poppins", sans-serif; }	 

span{    vertical-align: baseline;	}

html {    scroll-behavior: smooth;	}

p {color: #282828;font-size: 1rem;font-weight: 400;} 

img{	max-width: 100%;	} 

textarea{resize: none}

input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;  }

dl, ol, ul {    padding: 0;    margin: 0;	}

label.error {display: none !important;}

/*Reset Css*/

.fancybox-slide {	display: revert !important;		}

a {   text-decoration: none !important;	  }

input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;  }

label.error {     display: none !important;}

header {padding: 20px 0;width: 100%;position: relative;top: 0;left: 0;z-index: 1;}
 
.logo-div a.logo {    position: relative;	}

.btn {background: #7933ff;color: #ffff;padding: 14px 20px 14px 30px;text-transform: none;border-radius: 8px;font-weight: 500;margin-right: 10px;display: inline-flex;align-items: center;gap: 8px;border: 2px solid #7933ff !important;}

.btn.btn-white , .btn.btn-white:hover , .btn.btn-white:active , .btn.btn-white:focus {background: #c4fdf3 !important;color: #000 !important;border: 2px solid #1b004e !important;}

.btn.btn-white:hover , .btn.btn-white:active , .btn.btn-white:active {    background: #c4fdf3 !important;    color: #000 !important;    }

.btn-black {    background-color: #282828;	}

.btn:hover , .btn:active , .btn:focus {background: #7933ff !important;color: #fff !important;}

.btn:hover img, .btn:active img, .btn:focus img {/* filter: brightness(0) invert(1); */} 

.btn img {    transition: inherit;	}

.btn-cht {float: right;position: relative;}

.btn-cht a.chat {    color: #000;    font-size: 1rem;    text-transform: uppercase;    font-weight: 600;	}

header .row {    align-items: center;	}

section.main-banner {background: url('../images/banner-bg.jpg') no-repeat scroll center center #1b004e;background-size:cover;padding: 60px 0;}       

section.main-banner .info-banner h1 {color: #c4fdf3;text-transform: none;font-size: 3.5rem;line-height: 4rem;font-weight: 600;padding-right: 70px;}

section.main-banner .info-banner h1 span {color: #fff;display: inline-block; background: linear-gradient(to right,  rgba(121,51,255,1) 0%,rgba(211,188,255,1) 100%);/* padding: 0 10px; */line-height: 3.5rem;  font-weight:bold;   }   

section.main-banner .info-banner h3 {color: #fff;margin-bottom: 30px;font-size: 2rem;line-height: normal;}

section.main-banner .info-banner h3 b {    vertical-align: baseline;	}

section.main-banner .info-banner h4 {       color: #fff;    font-size: 1.3rem;  }

section.main-banner .info-banner  ul {    margin-bottom: 30px;    margin-top: 30px;    display: flex;       flex-flow: wrap;    }

section.main-banner .info-banner ul li {    width: 45%;    color: #fff;    position: relative;      padding-left: 20px; }

section.main-banner .info-banner ul li:before {    content: "";    background: #c7fdf3;    padding: 4px;    width: 5px;    height: 5px;    position: absolute;      left: 0;        border-radius: 50px;        top: 7px;   }

section.main-banner .logo-banner {margin-top: 30px;}   

img.price-ico {    position: absolute;    right: -50px;    top: -20px;   }  

img.web-screen {max-width: 160%;margin-bottom: -2rem;position: relative;z-index: 1;right: 70px;}

.main-banner .row {/* align-items: center; */}

header .container {background: #fff;position: relative;padding-top: 0;padding-bottom: 0;overflow: hidden;}

.heading.wh h2 , .heading.wh p {    color: #fff;	}

.heading.text-center {  /*   margin-bottom: 4rem;  */    }  

.heading h4 {color: #FF3A2D;font-style: italic;margin-bottom: 0;}

.heading  h2 {color: #000;font-size: 2.625rem;font-weight: 700;display: block;letter-spacing: -0.2px;margin-bottom: 20px;}

.heading h2 b {    vertical-align: baseline;    font-weight: inherit;    color: #7933ff;    }   

.heading p {color: #545454;font-size: 1.25rem;}

.btn-block.text-center {margin-top: 4rem;}

.our-portfolio:before {}

.our-portfolio .heading.wh {    display: flex;    align-items: center;	 }

.green-bx {    display: flex;    margin-top: 40px;	}

.oport-item {    overflow: hidden;    margin-top: 20px;	 border-radius: 20px; }

.our-portfolio .heading.wh p {    font-size: 15px;	margin: 0;	}

.our-portfolio {background: url('../images/port-bg.jpg') no-repeat scroll center top;background-size: cover;}

.our-idea .row {align-items: unset;} 

section.our-idea:before {}

section.main-cta {    background: url('../images/cta-bg.jpg') no-repeat scroll center center #FF3A2D;    background-size:cover;		text-align: center;		}

img.cta-right-img {position: absolute;right: 6%;top: 0;max-width: 150px;}	

img.cta-left-img {position: absolute;left: 0;top: 20%;max-width: 130px;}

section.main-cta h2 {    color: #fff;    font-size: 4.5rem;    letter-spacing: -0.2px;    font-weight: 700;    margin-bottom: 40px;		} 

img.cta-sticker {
    position: absolute;
    left: -150px;
    z-index: 1;
    top: -40px;
}

section.main-cta h2 i {    vertical-align: baseline;      font-family: "Merriweather", serif;   font-stale: italic;	}

section.testimonial{
    width: 90%;
    border-bottom: 10px solid #7933ff;
    background: #c4fdf3;
    border-radius: 0 0 30px 0;
    margin-bottom: -50px;
}

.owl-testimonial .owl-item {    float: left;	}

.owl-testimonial .owl-item .item {width: 100%;position: relative;}

.owl-testimonial .owl-item .item p {color: #74787C;font-size: 1.375rem;min-height: 110px;}

.owl-testimonial .owl-item .item img.star {position: absolute;right: 0;bottom: 0;}

.owl-testimonial .owl-item .item h5 {margin-bottom: 0;font-weight: 700;font-size: 1.275rem;}

.test-blk {display: flex;align-items: center;}

.owl-testimonial .owl-item .item h5 b {display: block;font-weight: 400;margin-top: 2px;}

.owl-testimonial .disabled {	display:none;	}	 

.owl-testimonial .test-ico {    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    margin-right: 15px;	}

footer {    clear: both;	}

.footer-up {text-align: center;padding: 120px 0 60px 0;width: 100%;position: relative;}

.footer-up:before {}

.copy {padding: 30px 0;width: 100%;position: relative;border-top: 1px solid #7933fe;}

.copy ul {    display: flex;    align-items: center;    justify-content: end;	}

.copy ul li {margin-left: 20px;color: #fff;}

.copy p {margin: 0;color: #fff;}

.oport-item img {    transition: all ease-in-out 0.3s;	    width: 100%;        }  
	
.oport-item:hover img {    transform: scale(1.2) rotate(-5deg);		transition: all ease-in-out 0.3s;		}

.our-contact .heading.text-center {    margin-bottom: 0;	}

.owl-testimonial .owl-stage {    display: flex;		}

.owl-testimonial .owl-stage .item {}

.copy .row {    justify-content: center;	}

.copy ul li a {color: #fff;}

img.hd-sticker-70 {    position: absolute;    bottom: -120px;    right: 0;    max-width: 350px;		}

.our-portfolio .btn {    float: right;   }

a.tel-white {
    display: flex;
    align-items: center;
    gap: 10px; 
    color: #000;
    font-size: 1.125rem;
    line-height: normal;
}         

.info-banner p {
    color: #d2c9e3;
    margin: 30px 0;
    width: 82%;
    font-size: 1.1rem;
}     

.tel-white b {
    font-weight: 700;
    font-size: 1.3rem;
}

.tel-white b small {
    display: block;
    font-size: 14px;
    color: #959595;  
    font-weight: 600;
}

.logo img {
    /*filter: brightness(0);*/  
}      

img.mright {
    position: absolute;
    right: 0;
    top: 50px;
}

img.mtleft {
    position: absolute;
    left: 0;
    bottom: 0;
}   

section.comp {
    background: #c4fdf3;
    padding: 40px 0;
}

.comp-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comp-logo img {
    transition: all ease-in-out 0.3s;
}  

img.shape-1 {
    position: absolute;
    right: 5%;
}   

section.abt-sec {
    background: url('../images/abt-bg.jpg') no-repeat scroll center center #e8e6fc;
    background-size: cover;
}

.info-abt {
    padding-left: 0;
}

.info-abt h2 {}            

.info-abt .heading {}

.info-abt .btn-block {
    margin: 40px 0;
}

.logo-banner img {
    margin-right: 20px;
}

.logo-banner img:last-child { 
    margin-right: 0;
}

.info-abt .heading p {
    margin-top: 30px;
}    

.abt-sec .container {
    position: relative;
}

.abt-sec .container:before {
    content: "";
    position: absolute;
    left: -20px;
    width: 70%;
    background: #fff;
    height: 60%;
}    

section.cta-sec {
    background: url('../images/cta-bg1.jpg') no-repeat scroll left top #1b004e;
    padding: 0;
    background-size: cover;
    overflow: unset;
}

section.cta-sec h4 {
    color: #c4fdf3;
    font-weight: normal;
    letter-spacing: 4px;
    font-size: 1.5rem;
}

section.cta-sec  h2 {
    font-size: 3.125rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

img.cta-thumb {
    max-width: none;
    position: relative;
    top: 70px;
    z-index: 1;
}

.cta-price {
    background: #c4fdf3;
    display: flex;
    border-radius: 10px;
    padding-left: 20px;
}

.cta-price h3 {
    display: flex;
    color: #1b004e;
    margin: 0;
    font-weight: bold;
    font-size: 4rem;
    align-items: center;
}

.cta-price h3 span {
    font-size: 1.3rem;
    font-weight: normal;
    margin-right: 10px;
}

.cta-sec .btn-block {
    position: absolute;
    right: -120px;
    bottom: 10px;
    z-index: 2;
}    

img.cta-shp {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 71%;
} 

img.por-ico0 {
    position: absolute;
    left: 0;
}

img.por-ico1 {
    position: absolute;
    right: 0;
    top: 56%;
    margin: 0;
    max-width: 8%;
}

img.por-ico2 {
    position: absolute;
    left: 0;
    bottom: 70px;
    max-width: 12%;
}   
            

.btn-block.text-center {
    display: flex;
    justify-content: center;
}

img.projects {
    position: absolute;
    bottom: -70px;
    right: 0;
    z-index: 0;
}

.our-portfolio .container {
    position: relative;
} 

.idea-bg {
    position: relative;
    overflow: hidden;
}

.idea-bg:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 70%;
    bottom: 0;
    background:url('../images/blue-bg-shape.jpg') no-repeat scroll left bottom #1b004e;  
}

section.our-idea:before {
    content: "";
    position: absolute;
    left: 0;
    width: 96%;
    background: linear-gradient(to bottom, rgb(255 255 255) 0%, rgba(196, 253, 243, 1) 100%); 
    height: 100%;
    border-radius: 0  30px  30px  0;
    bottom: 0;
}

section.our-idea {
    overflow: unset;
    padding-bottom: 0;
}

.our-idea .heading {
    margin-bottom: 50px;
}

ul.tab-uls {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

ul.tab-uls li a {
    border-bottom: 5px solid transparent;
    font-size: 1.8rem;
    color: #2c2c2c;
    font-weight: 600;
}

ul.tab-uls li {
    margin-bottom: 20px;
}

.tab-cnt {
    width: 100%;
    background: #fff;
    padding: 30px;
    position: relative;
    display: none;
}

.tab-content {
    position: relative;
    left: -75px;
}

img.we-create-tbhumb {
    margin-bottom: -40px;
}

ul.tab-uls li a.active {
    color: #7933ff;
    border-bottom-color: #000000;
}    

.heading {
    margin-bottom: 40px;
}

img.development {
    display: table;
    margin: 0 auto;
}   


.og-head {
    margin-bottom: 30px;
    /* width: 80%; */  
}

.og-head h2 {
    color: #fff;
    line-height: normal;  
}

.og-head h2 b {
    color: #c4fdf3;
    vertical-align: baseline;
    font-weight: inherit;
}

.og-item {
    background: #faf5e9;
    display: table;
    padding: 16px 20px;
    background: linear-gradient(to bottom,  rgba(253,246,228,1) 0%,rgba(239,239,251,1) 100%);
    border-radius: 10px;
    width: 100%;
    max-width: 183px;
    position: relative;
    z-index: 1;
}

.og-item h4 {
    color: #2f2f2f;
    font-size: 4.875rem;
    font-weight: 600;
}

.og-item-block {
    /* display: flex; */
    /* justify-content: space-between; */
}      

.og-item:last-child {
    float: right;
    margin-top: -28px;
}

.og-item p {
    font-weight: 500;
}    
       
img.rect-shape {
    position: absolute;
    right: 16px;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
    z-index: 0;
}

section.cta-blue {
    background: #ede3ff;
}

.info-cta h2 {
    background: #fff;
    padding: 60px 60px 60px 320px;
    width: 100%;
    justify-content: end;
    float: right;
    margin-bottom: 30px;
}
    
.info-cta h2 b {
    vertical-align: baseline;
}

.info-cta .btn-block {
    justify-content: center;
    display: flex;
    clear: both;
}

.info-cta h2 i {
    color: #7933ff;
    vertical-align: baseline;
}   
   
.info-price {
    position: absolute;
    right: 20px;
    bottom: 0;
    background: url('../images/price-tag.png') no-repeat scroll center top;
    padding: 14px 40px 31px 40px;
    text-align: center;
}

img.price-arrow {
    position: absolute;
    left: -100px;
    bottom: 40px;
}   

.info-price span {
    color: #fff;
}

.info-price h4 {
    color: #c4fdf3;
    font-size: 4rem;
    font-weight: bold;
    position: relative;
    top: 7px;
}   

section.cta-blue:after {
    content: "";
    position: absolute;
    right: 0;
    width: 50%;
    background: #fff;
    top: 100px;
    bottom: 0;
    z-index: 0;
    height: 240px;
}

.cta-blue .container {
    position: relative;
    z-index: 1;
}

.oc-bg {
    /* background: #ede3ff; */
    /* overflow: hidden; */
    position: relative;
    z-index: 1;
}

.oc-bg:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background: url('../images/blue-bg.jpg') no-repeat scroll left bottom #7933ff;
    height: 75%;
    top: 0;
    z-index: 0;
}   

.validate-footer .form-control {
    height: 52px;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 3px;
}

.validate-footer textarea.form-control {
    height: 175px;
}

.validate-footer .row {
    align-items: unset;
}

.validate-footer input.btn-submit {
    background: #000;
    width: 100%;
    border-radius: 6px;
    border-color: #000;
    padding: 9px 30px;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 0;
    margin-top: 3px;
    color: #fff;
}

.our-contact .row {
    align-items: unset;
}   
            
.our-contact {}     

.our-contact .heading h2 b {
    color: #c4fdf3;
}

.our-contact .heading h2 {
    font-size: 3.25rem;
}

.our-contact .heading.wh {
    margin-bottom: 0;
}
   
.our-contact .heading.wh p {
    font-size: 1.25rem;
}

.validate-footer {
    margin-top: 24px;
}

img.oc-shape {
    position: absolute;
    right: 0;
    top: -60px;
}             

.owl-testimonial {
    overflow: hidden;
    padding-top: 52px;
    background: url('../images/arc.png') no-repeat scroll left top;
}

section.testimonial:before , section.testimonial:after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 48%;
    top: 0;
    background: #c4fdf0;
    z-index: 0;
}

section.testimonial:after {
    background: #fff;
    right: 4%;
    left: auto;
    width: 48%;
}

.testimonial .container {
    position: relative;
    z-index: 1;
}

.testimonial .heading h2 { 
    color: #3f3694;
}   
.testimonial .heading {
    width: 85%;
}  

.oc-bg:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 20%;
    background: #ede3ff;
    bottom: 5%;
    z-index: -1;
}

footer {
    background: #1b004e;
    position: relative;
}

.footer-pu {
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;  
    align-items: center;
}

.footer-pu h3 {
    color: #fff;
    font-size: 3rem;
    margin: 0;
}

.footer-pu a {
    color: #fff;
    font-size: 1.3rem;
} 

img.ftr-right-ico {
    position: absolute;
    right: 0;
    top: 0;
    /* width: 150px; */
}

img.ftr-left-ico {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 120px;
}    

.popupform {width: 850px;overflow: visible;background:url('../images/popup-bg.png') no-repeat scroll center top;padding-bottom: 150px;}  

.popupform h2 {font-size: 26px;color: #fff;line-height: 30px;margin-top: 0;text-align: center;font-weight: 600;margin-bottom: 20px;}  

.popupform h2 span {color: #fff600;}      

.popupform .fancybox-close-small {border: #7833fe  3px solid;background: #fff;border-radius: 72px;text-align: center;box-shadow: #000 0 0 10px;right: 20px;top: 0;padding: 5px;opacity: 1;}  

.popupform .fancybox-close-small svg {    color: #7833fe;	}

.popupform .fancybox-close-small:after {    color: #7833fe ;    font-size: 25px;    right: 4px;    background: transparent;    padding-top: 0;    font-size: 20px;	}

.popupform ul li {text-align: left;position: relative;width: 100%;margin-bottom: 10px;display: inline-block;}

.popupform ul li input[type="text"], .popupform ul li input[type="email"], .popupform ul li textarea {/* background: #fafafa; */border: #dcdcdc 1px solid;padding: 10px 15px;width: 100%;border-radius: 4px;font-size: 14px;color: #000;box-shadow: none !important;outline: none 0px !important;height: 42px;margin-bottom: 0;}

.popupform ul li i {    position: absolute;    top: 12px;    left: 10px;	}

.popupform ul li.first,.popupform ul li:nth-child(4) {    /* width: 98%; */	}

.popupform ul li textarea {height: 90px;}

.popupform ul li.last {    text-align: center;    width: 100%;	}

.popupform ul li input[type="submit"] {     background: #c20037;    color: #fff;    font-size: 18px;     border: #c20037 1px solid;   font-weight: 500;     padding: 8px 50px;    border-radius: 3px;     outline: 0px none;   width: 100%;   display: inline-block; background: linear-gradient(to bottom,  rgba(231,72,24,1) 0%,rgba(194,0,55,1) 100%);    }

.popupform ul li input[type="submit"]:hover {    background: #ca0f30 ;	} 

.popupform ul li input[type="text"]:focus, .popupform ul li input[type="email"]:focus, .popupform ul li textarea:focus {    border: #01876e  1px solid !important;	}

.popup-content {max-width: 340px;margin: 0 auto;position: relative;top: 90px;left: -18px;}

.popupform  h3 {    position: absolute;    right: -40px;    top: 48%;    font-weight: bold;    color: #fff;     } 

.popupform h3 span {    color: #77ffea;     }   

.popupform  img.avail-ico {    position: absolute;      right: -90px;       top: -70px;   }       










section.packages {
    font-size: 14px;
    color: #848894;
    line-height: 23px;
    background: #eeeaffa3;
}
section.packages h2 {
  
}
section.packages h2 a.grad-btn {
    color: #fff;
}
section.packages a.grad-btn {
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    margin: 0 auto;
    display: table;
    top: 20px;
    background: #7933ff;
    border-color: #7a1d10;
}
section.packages p {
     line-height: 30px;
}
section.packages a.border-btn {
        font-weight: 600;
        padding: 6px 30px;
        background: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
        border: 3px solid transparent;
        border-image: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);
        border-image-slice: 5;
        text-transform: uppercase;
    }

section.packages .col-md-4 {
    margin: 30px 0 30px;
}
section.packages [class^="col-md-4"]>div {
    border-radius: 5px;
    padding: 20px 20px 0;
    background: #fff;
    position: relative;
    border: 2px solid #d8dfe6;
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
section.packages [class^="col-md-4"]>div h2 {
    font-size: 23px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 14px;
}
section.packages [class^="col-md-4"]>div i {
    position: absolute;
    right: -2px;
    top: 0;
}
section.packages [class^="col-md-4"]>div .pricebox {
    position: relative;
    text-align: left;
}
section.packages [class^="col-md-4"]>div .pricebox sup {
    font-size: 25px;
    font-weight: 600;
    position: relative;
    color: #7933ff;
}
section.packages [class^="col-md-4"]>div .pricebox h3 {
    display: inline-block;
    font-size: 63px;
    margin: 0;
    font-weight: 700;
    color: #7933ff;
    padding-right: 10px;
}
section.packages [class^="col-md-4"]>div .pricebox strike {
    font-size: 16px;
    color: #6c6c6c;
    position: relative;
    top: -10px;
    font-weight: 700;
}
section.packages [class^="col-md-4"]>div .pricebox span {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 14px;
    color: #6c6c6c;
    font-weight: 700;
}

section.packages [class^="col-md-4"]>div ul li.heading {
    list-style: none;
    padding-left: 0;
    font-weight: 600;
}

section.packages [class^="col-md-4"]>div ul li.heading:before {
    display: none;
}    

section.packages [class^="col-md-4"]>div ul li {
    font-size: 13px;
    color: #353538;
    font-weight: 500;
    padding-left: 15px;
    position: relative;
    margin-bottom: 0px;
    padding-right: 12px;
}
section.packages [class^="col-md-4"]>div ul li:before {
    content: "";
    display: inline-block;
    top: 9px;
    position: absolute;
    left: 0;
    background: #a7a2f9;
    width: 5px;
    height: 5px;
    border-radius: 50px;
}
section.packages [class^="col-md-4"]>div ul {
    margin-bottom: 0px;
    margin-top: 5px;
    text-align: left;
}
 p.addontag {
    font-size: 12px;
    color: #000000;
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    font-weight: 700;
    text-align: v;
    margin: 7px 0;
}
p.addontag strong {
    color: #7b30fc;
}
section.packages [class^="col-md-4"]>div a.mr-det {
    display: block;
    text-transform: uppercase;
    color: #000;
    margin: 10px 0 0px;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 2px;
    margin-left: 5px;
}
section.packages [class^="col-md-4"]>div h2+p {
    font-size: 11px;
    color: #727272;
    text-align: left;
    width: 89%;
    margin: 0 0 16px;
    line-height: 14px;
}
section.packages [class^="col-md-4"]>div:hover {
    border: 2px solid #7b30fc !important;
    /* border-right: 2px solid #f0760a; */
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
}

/*
 *  STYLE 14
 */
.style-14::-webkit-scrollbar-track
{

    background-color: #e8e8e8;
}
.style-14::-webkit-scrollbar
{
    width: 5px;
    background-color: #7b30fc;
}
.style-14::-webkit-scrollbar-thumb
{
    background-color: #7b30fc ; 
}
.scrollbar
{
    margin-left: 0px;
    float: left;
    height: 228px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 15px;
    overflow-x: hidden;
}
.force-overflow
{

    min-height: 450px;
}
 
.cs-wb-pkg-show .pricebox h3, .cs-wb-pkg-show .pricebox sup {
    color: #614a8a !important;
}

section.packages * {
    /* vertical-align: top; */
}

section.packages .pricebox *, section.packages ul {
    vertical-align: middle;
} 

.actions{
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
    margin-top: 15px;
    /* display: block; */
    /* float: left; */
    /* position: relative; */
    /* width: 100%; */
    /* text-align: center; */
    margin: 0 auto 0px;
}


.actions a{
    vertical-align: top;
    min-width: inherit;
    margin: 0px;
    position: relative;
    line-height: normal;   
    color: #000000;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
}
   
.actions .col-md-6 {
    padding: 0 0px;
    float: left;
}  

.actions a span{
        font-size: 13px;
    font-weight: 600;
    color: #000;
    background: #c7fdf3;
    padding: 5px 12px;
    border-radius: 6px;
    margin: 0 auto;
    display: block;
    width: 96%;
    border: 1px solid #000;
    
}
.actions a span small{
    display: block; 
    font-size: 11px;
    line-height: normal;
    color: #7933ff; 
    font-weight: 600;
}

.actions::before{
    position: absolute;
    content: "";
    height: 43px;
    background-color: #eee;
    width: 1px;
    left: 46%;
    top: 10px;
    }


 a.pkg-view-detail {
    margin: 4px 0 0 0;
    display: inline-block;
    color: #d6373f !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    clear: both;
    border-bottom: #ccc 1px dotted;
}


section.packages .row+.row {
    margin: 0 auto -15px;
}